我有两个浮点div，在它们之后，我有一个margin-top的块元素。不幸的是，margin-top由于浮动，它们不起作用。是否可以margin-top在代码中添加额外的标记？
我尝试使用:after，但没有帮助。
div {
background-color: red;
}
#left {
float: left;
height: 100px;
background-color: yellow;
}
#right {
float: right;
height: 100px;
background-color: yellow;
}
#content {
margin-top: 50px;
height: 100px;
clear: both;
}
#content:before {
clear: both;
content: "";
display: table;
}
<div id="left">left</div>
<div id="right">left</div>
<div id="content">left</div>
div {
background-color: red;
}
#left {
float: left;
height: 100px;
background-color: yellow;
}
#right {
float: right;
height: 100px;
background-color: yellow;
}
#content {
margin-top: 50px;
height: 100px;
clear: both;
}
#content:before {
clear: both;
content: "";
display: table;
}<div id="left">left</div>
<div id="right">left</div>
<div id="content">left</div>哦，利润率下降了...
如果将最后一个div的顶部边距更改为顶部两个div的底部边距，它将按预期工作。
div {
background-color: red;
}
#left {
float: left;
height: 100px;
background-color: yellow;
margin-bottom: 50px;
}
#right {
float: right;
height: 100px;
background-color: yellow;
margin-bottom: 50px;
}
#content {
height: 100px;
clear: both;
}<div id="left">left</div>
<div id="right">right</div>
<div id="content">content</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句