如何排队浮动div？

Question

这可能是一个简单的问题，但我如何将浮动div放在一起？ 我尝试过：

 <div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
 </div> 

Answer 1

将css添加到服务类：

.services {min-height：400px;}

你可以根据你的要求添加最小高度...因为你在所有服务块中都有不均匀的内容...所以你必须给出最小高度才能达到这个目的。

Answer 2

＆＃13;

＆＃13;

ul {
    list-style-type: none;
}
li {
    float: left;
    background-color:blue;
    border:1px solid black;
    padding:10px;
}

＆＃13;

<ul id="menu">
    <li>menu one</li>
    <li>menu two</li>
    <li>menu three</li>
    <li>menu four</li>    
<ul>

＆＃13;

＆＃13;

＆＃13;

Answer 3

所有div都已经浮动到左边，这只是因为每个框中的文本大小。如果从第一个和第二个div中删除一些类似于第三个div的文本，则所有div都将是内联的。

或者

将margin-bottom: 90px;添加到第三个div;它会解决你的问题。

Answer 4

这是Flex盒子的经典案例：https://www.w3schools.com/css/css3_flexbox.asp

Answer 5

将CSS添加到此课程“col-md-4 col-sm-4”clear: left;