为什么 布局会乱?
div做得几列图片为什么总有一列空着????代码如下:
<div id="content" style="border:5px solid white;">
<div class="section clearfix">
<div class="thumbnail">
<a href="images/image-1.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-1.jpg" width="100px" height="100px" alt="Plants: image 1 0f 10 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-2.jpg" rel="lightbox[plants]" title="产品简介:" ><img src="images/thumb-2.jpg" width="100px" height="100px" alt="Plants: image 2 0f 10 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-3.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-3.jpg" width="100px" height="100px" alt="Plants: image 3 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-4.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-4.jpg" width="100px" height="100px" alt="Plants: image 4 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-5.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-5.jpg" width="100px" height="100px" alt="Plants: image 5 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-6.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-6.jpg" width="100px" height="100px" alt="Plants: image 6 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-7.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-7.jpg" width="100px" height="100px" alt="Plants: image 7 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-8.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-8.jpg" width="100px" height="100px" alt="Plants: image 8 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-9.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-9.jpg" width="100px" height="100px" alt="Plants: image 9 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-10.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-10.jpg" width="100px" height="100px" alt="Plants: image 10 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-11.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-11.jpg" width="100px" height="100px" alt="Plants: image 11 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-12.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-12.jpg" width="100px" height="100px" alt="Plants: image 12 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-13.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-13.jpg" width="100px" height="100px" alt="Plants: image 13 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-14.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-14.jpg" width="100px" height="100px" alt="Plants: image 14 0f 15 thumb" /></a>
</div>
<div class="thumbnail">
<a href="images/image-15.jpg" rel="lightbox[plants]" title="产品简介:"><img src="images/thumb-15.jpg" width="100px" height="100px" alt="Plants: image 15 0f 15 thumb" /></a>
</div>
</div>
<!-- end .section -->
<div class="section"></div>
<!-- end .section --><!-- end .section -->
</div>
<!-- end .content -->