博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
清除浮动(带来的影响) clear与margin重叠
阅读量:7249 次
发布时间:2019-06-29

本文共 420 字,大约阅读时间需要 1 分钟。

  • 【CSS】【清除浮动(带来的影响) clear与margin重叠】

  • 1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;),会发生margin重叠显现

  • 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;),则会把整个元素包起来,从而不会发生margin重叠现象

  (PS:只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框、浮动框或绝对定位框之间的外边距不会叠加。)

  第一个是使用了"clear:both"但是它会与margin重叠,则margin-botttom无法发挥作用;在父级DIV加上边框 margin-botttom可以发挥作用

  第二个是使用了“overflow:hidden”使得元素BFC化,包裹好了,不影响margin-bottom发挥作用

转载于:https://www.cnblogs.com/qianphong/p/10375847.html

你可能感兴趣的文章
我的友情链接
查看>>
Exchange2010 dag 的缷载
查看>>
2011/11/14 1:52 坚持就会胜利
查看>>
oracle概念和术语 建表时的一些参数pctfree initrans maxtrans sto
查看>>
我的友情链接
查看>>
转ApplicationContext的三种实现方式以及在web.xml配置的两种方式
查看>>
【我的软考之路】我的网工备考之路~
查看>>
mysql5.7.10安装
查看>>
IP数据包的分片与重组过程
查看>>
命好不如习惯好
查看>>
/etc/X11/xorg.conf 文件被误改后进不了图形化界面
查看>>
Android 通过反射及AIDL获取双卡手机SIM卡相关信息,及注册监听
查看>>
shell批量新建文件及批量改名
查看>>
APP适配安卓手机刘海屏
查看>>
bind10 新版本发布(版本号bind10-devel-20120816)
查看>>
junit 参数化测试
查看>>
分区表维护
查看>>
听说iPhone X到货了,识别体验是不是科技感爆棚?
查看>>
windows server2012中创建密码重设盘
查看>>
openstack-icehouse部署中遇到的一些故障(小笔记)
查看>>