div+css这种局怎么布~ 求助!

发布网友 发布时间：2024-10-22 05:26

我来回答

共5个回答

热心网友 时间：2024-10-26 04:23

float:left;
（1）先外面套一个大div框，这个框把里面图片+文字都包围住。
（2）里面大楼的图片float:left;就是图片左浮动。
（3）文字float:left;就是文字左浮动。比如<p style="float:left">文字段</p>
（4）最后在外面大div框下面加一行<div style="height:0px;clear:both"></div>
这个做清理用。不过有时候也错位，然后就自己想办法吧！
我懂得也不多。

热心网友 时间：2024-10-26 04:16

<div><p>
<img src="" style="float:left; margin:;" />文字内容
</p>
</div>

热心网友 时间：2024-10-26 04:15

图片浮动即可
<div>
<div class="pic" style="float:left;"><img src="图片地址" alt="" /></div>
<p>内容</p>
<div style="clear:both"></div>
</div>

热心网友 时间：2024-10-26 04:15

<style>
.out{widht:500px;height:300px;overflow:hidden;}
img{float:left;margin:5px;display:inlne;(防IE6BUG)}
.p2{clear:both}
</style>
<div class="out">
<img src="www.fhboli.com"/>
<p class="p1">第一段...</p>
<p class="p2">第二段...</p>
</div>

热心网友 时间：2024-10-26 04:19

<style type="text/css">
.warp img{float:left;border:1px solid #ccc;padding:2px;margin: 6px 5px 0 0;}
.warp p{margin-top:6px;line-height:18px;}
</style>
<div class="warp">
<img src="images/img.jpg" alt="" />
<p>第一段文字</p>
<p>第二段文字</p>
</div>

热心网友 时间：2024-10-26 04:19

float:left;
（1）先外面套一个大div框，这个框把里面图片+文字都包围住。
（2）里面大楼的图片float:left;就是图片左浮动。
（3）文字float:left;就是文字左浮动。比如<p style="float:left">文字段</p>
（4）最后在外面大div框下面加一行<div style="height:0px;clear:both"></div>
这个做清理用。不过有时候也错位，然后就自己想办法吧！
我懂得也不多。

热心网友 时间：2024-10-26 04:15

<div><p>
<img src="" style="float:left; margin:;" />文字内容
</p>
</div>

热心网友 时间：2024-10-26 04:21

图片浮动即可
<div>
<div class="pic" style="float:left;"><img src="图片地址" alt="" /></div>
<p>内容</p>
<div style="clear:both"></div>
</div>

热心网友 时间：2024-10-26 04:22

<style>
.out{widht:500px;height:300px;overflow:hidden;}
img{float:left;margin:5px;display:inlne;(防IE6BUG)}
.p2{clear:both}
</style>
<div class="out">
<img src="www.fhboli.com"/>
<p class="p1">第一段...</p>
<p class="p2">第二段...</p>
</div>

热心网友 时间：2024-10-26 04:21

<style type="text/css">
.warp img{float:left;border:1px solid #ccc;padding:2px;margin: 6px 5px 0 0;}
.warp p{margin-top:6px;line-height:18px;}
</style>
<div class="warp">
<img src="images/img.jpg" alt="" />
<p>第一段文字</p>
<p>第二段文字</p>
</div>