我已经看了一个小时的代码,但似乎仍然找不到问题:这是网站http://www.iamcavic.com/simon,如果您查看页面底部,则会看到问题带有“正在销售”,“新库存”,“赞助商”列
的HTML
<!-- Pro Shop and Sponsor -->
<article>
<div class="large-4 columns">
<!-- Wrap -->
<div class="outter outter-padding">
<div class="content">
<h1>on sale</h1>
<hr>
<p>Lorem ipsum</p>
</div><!-- END content -->
</div><!-- END outter -->
<!-- END Wrap -->
</div>
<div class="large-4 columns">
<!-- Wrap -->
<div class="outter outter-padding">
<div class="content">
<h1>new stock</h1>
<hr>
<p>Lorem ipsum</p>
</div><!-- END content -->
</div><!-- END outter -->
<!-- END Wrap -->
</div>
<div class="large-4 columns">
<!-- Wrap -->
<div class="outter outter-padding">
<div class="content sponsor">
<h1>sponsor</h1>
<hr>
<a href="http://www.wilson.com/en-us/tennis/"><img src="img/wilson-large.jpg" alt="large wilson logo"/></a>
</div><!-- END content -->
</div><!-- END outter -->
<!-- END Wrap -->
</div>
</article><!-- END Pro Shop and Sponsor -->
他们的4列大型色谱柱设置是否有问题,还是我错过了一些东西。萤火虫错误未显示任何错误,我甚至使用W3验证对其进行了测试。在此先感谢,我的猜测与Foundation :(
在底部内容之前添加透明元素:
<div style="clear:both"></div>
<article>
...
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句