<style>
div {
border: 3px solid #4CAF50;
padding: 5px;
}
.img1 {
float: right;
}
</style>
</head>
<body>
<p>以下实例图在父元素中溢出，很不美观:</p>
<div>
<img class="img1" src="pineapple.jpg" alt="Pineapple" width="170" height="170">
v都喜欢发货</div>
</body><style>
div {
border: 3px solid #4CAF50;
padding: 5px;
}
.clearfix {
overflow: auto;//父元素设置溢出为自动
}
.img2 {
float: right;//子元素设置浮动
}
</style>
</head>
<body>
<p style="clear:right">在父元素上通过添加 clearfix 类，并设置 overflow: auto; 来解决该问题:</p>
<div class="clearfix">
<img class="img2" src="pineapple.jpg" alt="Pineapple" width="170" height="170">
的的工作人大概</div>
</body>父元素设置overflow：auto
1355
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
