html - 我将如何使2个div彼此相邻漂浮而又没有下面的内容跟随？

我使用HTML进行了此设置：

<h4 class="wrap-title">Name</h4>
                    <button class="btn btn-primary btn-xs title-button" ng-click="uploadNewImage()"><span class="glyphicon glyphicon-upload"></span> Upload</button>
                    <p>{{venue.name}}</p>

和CSS：

.wrap-title {
  float:left;
  margin-right: 5px;
}

.title-button {
  cursor: pointer;
  margin: 10px 0px;
  float:none;
}

我将如何让面霜位于“名称”下方？提前致谢！由于某种原因，我无法为自己的生活弄清楚。

最佳答案

将浮点数包装在div中并使用clearfix可能会更清洁一些

<div class="clearfix">
   <h4 class="wrap-title">Name</h4>
   <button class="btn btn-primary btn-xs title-button" ng-click="uploadNewImage()">
       <span class="glyphicon glyphicon-upload"></span> Upload
    </button>
</div>
<p>{{venue.name}}</p>

这是clearfix CSS

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

这是html5样板中给出的说明

Clearfix：包含浮点数对于现代浏览器


当contenteditable属性包含在文档中的其他任何位置时，空格内容是避免Opera错误的一种方法。
否则会导致空间出现在元素的顶部和底部
接收clearfix类。
仅当使用table而不是block时才需要使用
:before包含子元素的上边距。

关于html - 我将如何使2个div彼此相邻漂浮而又没有下面的内容跟随？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23573476/