1、给父级元素添加一个高度;
不推荐这种方法。高度无法确定,一次次地试高度很麻烦,何况不能从本质上解决问题。
2、在最后一个子元素后加一个空的div,给他添加样式clear,清除两侧浮动;
这种方法也很有效,但是加了一个空的div,造成代码的冗余。
3、父级元素添加overflow:hidden;
overflow是溢出管理的意思,但是有一点不好,在有下拉菜单的时候,下拉菜单会显示不出来。
4、父级元素添加after伪类;
.clear:after{
content:"";
display:block;
clear:both;
}
这种方法虽然有些麻烦,但是没有任何副作用,对文件中的其他元素没有任何影响。
而且我们只需要在css样式表中写入一次即可,然后在需要防止父级边框的元素中,给它的class值中添加clear就行了。
不推荐这种方法。高度无法确定,一次次地试高度很麻烦,何况不能从本质上解决问题。
2、在最后一个子元素后加一个空的div,给他添加样式clear,清除两侧浮动;
这种方法也很有效,但是加了一个空的div,造成代码的冗余。
3、父级元素添加overflow:hidden;
overflow是溢出管理的意思,但是有一点不好,在有下拉菜单的时候,下拉菜单会显示不出来。
4、父级元素添加after伪类;
.clear:after{
content:"";
display:block;
clear:both;
}
这种方法虽然有些麻烦,但是没有任何副作用,对文件中的其他元素没有任何影响。
而且我们只需要在css样式表中写入一次即可,然后在需要防止父级边框的元素中,给它的class值中添加clear就行了。