<分区>
html - 不在 div 中的 float 元素
我有一个简单的 CSS 布局。在我的 div 内容中，我想使用 float 将它分成两部分。然而，尽管将我的 float 元素放在我的 div 内容中，它并没有留在里面。
.content {
border: 5px solid #0099CC;
width: 90%;
min-width: 1000px;
margin: auto;
}
.left {
float: left;
width: 300px;
}
.right {
float: right;
width: 700px;
}<div class="content">
<p>This is my content page</p>
<div class="left">
<form>
<fieldset>
<legend>User Login</legend>
</fieldset>
</form>
</div>
<div class="right">
<form>
<fieldset>
<legend>Main Area</legend>
</fieldset>
</form>
</div>
</div>当我删除 float 时，我的字段集将在我的 div 内容中。所以我怀疑可能是我的 float CSS 导致了这个问题。
最佳答案
如果您已经使用了 float: left，请移除 .right 类
.content {
border: 5px solid #0099CC;
width: 90%;
min-width: 1000px;
margin: auto;
}
.left{
float: left;
width: 300px;
}<div class="content">
<p>This is my content page</p>
<div class="left">
<form>
<fieldset>
<legend>User Login</legend>
</fieldset>
</form>
</div>
<div>
<form>
<fieldset>
<legend>Main Area</legend>
</fieldset>
</form>
</div>
</div>关于html - 不在 div 中的 float 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47203670/