Question

我的容器盒没有设置高度值。我内心有一个元素。

容器的大小伸展到内容（内部元素）是很自然的，但是当我将它设置为浮动时它不会，它只是漂浮在容器外面。有没有办法设置浮动元素仍然适合容器，但只是说，向右侧？

感谢您的回答。

.container {
}
.element {
 float: right;
}

Answer 1

尝试使用容器上的display: inline-block属性。

＆＃13;

.container {
  width: 100%;
  display: inline-block;
  background-color: #EEE;
}

.container .inner {
  width: 100px;
  height: 100px;
  background-color: red;
  float: right
}

＆＃13;

<div class="container">
  <div class="inner"></div>
</div>

＆＃13;

Answer 2

如果您使用的是bootstrap，则可以将类clearfix添加到float元素的父div。

包含框大小在元素float

2 个答案: