父级边框塌陷问题
<doctype html>
<html>
<head>
<meta charset="utf-8">
<title>study</title>
<style>
div{border: 1px red solid;}
img{width: 400px;height: 300px;}
#centent::after{
width: 400px;
height: 300px;
/* overflow: scroll; */
clear: both;
}
</style>
</head>
<!-- 1.可以在父级边框加一个高度限制浮动
2.增加一个空的div标签，清除浮动
<div class="clear"></div>
.clear{clear: both;margin: 0;padding: 0;} -->
<!-- 3.可以在父级元素加一个 overflow: hidden;/增加一个滚动条 overflow: scroll;
(推荐！！！)4.父类增加一个伪类:after -->
<body>
<div id="centent"><img src="images/2 (1).jpg">
<p>1、阅读是人类获取知识、启智增慧、培养道德的重要途径，可以让人得到思想启发，树立崇高理想，涵养浩然之气。</p>
</div>
</body>
</html>
浙公网安备 33010602011771号