web前端开发第一阶段——父级自适应大小

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_43151638/article/details/102737195

浮动标签把父级撑开

方法1:

给父级加上浮动
注意其下一个兄弟标签可能会受影响

方法2:

可以用换行(非常不建议)
<br clear="all"/>清浮动效果,不脱离文档流
	w3c规定不要写一些没有任何作用废标签

方法3:

添加一个兄弟标签,并使用clear:both;清除浮动带来的影响

方法4:可以放在公共样式中

用伪类选择器:给父级添加一个假标签(用法最多,在样式表里写)
.box:after{
	content:'';
	clear:both;
	display:block;
}

方法5:

给父级加overflow:hidden

猜你喜欢

转载自blog.csdn.net/qq_43151638/article/details/102737195