javascript - 如何将元素保持在 float 元素之下？

<分区>

<分区> 这个问题在这里已经有了答案:

What is a clearfix? (10 个答案)

What methods of ‘clearfix’ can I use? (29 个答案)

What is the best way to clear the CSS style "float"? (14 个答案)

关闭 4 年前。

这是我的代码:

.one, .two{
  border: 1px solid;
}

.one{
  float:left;
  display: block;
  clear:both;
}

.two{
  display: block;
  width: 100%;
}

<div class="one">something</div>
<div class="two">something else</div>

如您所见，两个元素彼此相邻。虽然我想把它们放在一起。我的意思是 div.two 应该在 div.one 的底部。注意 div.one 应该有 float:left 属性(我不能删除它)。

clear:both 和 display:block 也没有按预期工作。知道我该怎么做吗？

最佳答案

只需要在第二个div中添加clear，见下文

.one, .two{
  border: 1px solid;
}

.one{
  float:left;
  display: block;
  clear:both;
}

.two{
  display: block;
  width: 100%;
clear: both;
}

<div class="one">something</div>
<div class="two">something else</div>

关于javascript - 如何将元素保持在 float 元素之下？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51215429/

相关文章：

javascript - 过滤对象