关闭

关于浮动

67人阅读 评论(0) 收藏 举报

从上到下体现了三个布局。


第一个是文字环绕图片,让img float即可,加少量外边距跟文字隔开边距。


这个是两栏布局,左侧img float:left 右侧p添加固定宽度,实现了两栏效果

第三个、

这个通过clear:both解决了上面浮动,导致下面的内容跑上去占据空余的空间。

解决办法有两种一种是在要清除前面加一个<div class="clear"></div>

另一种是在前面浮动的元素,外部一个div加入class = “clearfix”形成一个浮动容器,把这些浮动内容包进去


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2415次
    • 积分:66
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档