标签：
我们经常会遇到这样的情况，在一个容器里，我们可能需要中间展示图片而左右是文字块。那么我们如何用最少的浮动来达到这个效果呢？
因为img 是一个特殊元素，它不属于块元素也不属于内联元素。所以经过尝试，发现了以下办法。
<div class=box> <img src="http://s0.hao123img.com/res/img/logo/logonew1.png" > <div> right胡凤莲家距县城几十公里，其中有一段山路没有班车，只能跪着行走。所以，她一年回家的次数不超过5次。50岁的她在6个月大时不慎跌到火炉中，双脚被严重烧伤，小腿以下部分... 胡凤莲家距县城几十公里，其中有一段山路没有班车，只能跪着行走。所以胡凤莲家距县城几十公里，其中有一段山路没有班车，只能跪着行走。所以，她一年回家的次数不超过5次。50岁的她在6个月大时不慎跌到火炉中，双脚被严重烧伤，小腿以下部分... 胡凤莲家距县城几十公里，其中有一段山路没有班车，只能跪着行走。所以 </div> <p>
胡凤莲家距县城几十公里，其中有一段山路没有班车，只能跪着行走。所以，她一年回家的次数不超过5次。50岁的她在6个月大时不慎跌到火炉中，双脚被严重烧伤，小腿以下部分... 胡凤莲家距县城几十公里，其中有一段山路没有班车，只能跪着行走。所以，她一年回家的次数不超过5次。50岁的她在6个月大时不慎跌到火炉中，双脚被严重烧伤，小腿以下部分... </p> </div>
我们让Img成为窗口内的第一个元素，紧接着把右侧文字块的DIV置于img之后，最后再放左侧的DIV，并给左右的文字块加上左右浮动，就可以轻松的实现我们想要的功能了。
1 .box{width:800px;height:400px;margin:0 auto;border:1px solid #ccc;} 2 .box img{margin-left:10px;} 3 .box p{ color:#000;float:left;width:280px;} 4 .box div{float:right;color:#000;width:200px;} 5
在一个DIV里两边是文字块，中间是图片怎么样用最少的浮动来合理布局?
标签：
原文地址：http://www.cnblogs.com/love0o/p/4977810.html
