关于浮动

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


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


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

第三个、

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

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

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


阅读更多
文章标签: float class div
个人分类: css float
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭