使用伪元素解决浮动子元素造成的父元素塌陷问题

.nav::after{
    content:"";
    clear:both;/*清除浮动*/
    display:block;/*确保该元素是一个块级元素*/
}

使用伪元素的好处是避免清除浮动时添加多余的标签 是逼格比较高的一种写法

可惜兼容性比较差

如果要兼容性更好 建议在浮动元素后面添加一个DIV

并添加 clear:both 属性

阅读更多
个人分类: css
上一篇嵌套关系的DIV布局margin塌陷及解决
下一篇CSS3:nth-child()伪类选择器,Table表格奇偶数行定义样式
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭