在css样式中如何设置边框塌陷来着,试了加空DIV没用啊
css3吧
全部回复
仅看楼主
level 3
481a欢 楼主
2018年07月13日 06点07分 1
level 8
1、给父级元素添加一个高度;
不推荐这种方法。高度无法确定,一次次地试高度很麻烦,何况不能从本质上解决问题。
2、在最后一个子元素后加一个空的div,给他添加样式clear,清除两侧浮动;
这种方法也很有效,但是加了一个空的div,造成代码的冗余。
3、父级元素添加overflow:hidden;
overflow是溢出管理的意思,但是有一点不好,在有下拉菜单的时候,下拉菜单会显示不出来。
4、父级元素添加after伪类;
.clear:after{
content:"";
display:block;
clear:both;
}
这种方法虽然有些麻烦,但是没有任何副作用,对文件中的其他元素没有任何影响。
而且我们只需要在css样式表中写入一次即可,然后在需要防止父级边框的元素中,给它的class值中添加clear就行了。
2021年05月17日 02点05分 2
level 12
加油
2021年07月28日 06点07分 3
1