Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何排列浮动div?_Html_Css - Fatal编程技术网

Html 如何排列浮动div?

Html 如何排列浮动div?,html,css,Html,Css,这可能是一个简单的问题,但如何将浮动div定位在一起? 我所尝试的: <div class="flex-container"> <div>1</div> <div>2</div> <div>3</div> </div> 1. 2. 3. 将CSS添加到此类“col-md-4 col-sm-4”清除:左将css添加到服务类: .services{最小高度:400px;} 您可以根据

这可能是一个简单的问题,但如何将浮动div定位在一起? 我所尝试的:

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

1.
2.
3.

将CSS添加到此类“col-md-4 col-sm-4”
清除:左

将css添加到服务类:

.services{最小高度:400px;}

您可以根据需要添加最小高度。。。由于所有服务块中的内容不均匀。。。因此,您必须给出最小高度才能实现此目标。

ul{
列表样式类型:无;
}
李{
浮动:左;
背景颜色:蓝色;
边框:1px纯黑;
填充:10px;
}
  • 菜单一
  • 菜单二
  • 菜单三
  • 菜单四
所有div都已向左浮动,这只是因为每个框中的文本大小。如果从第一个和第二个div中删除一些类似于第三个div的文本,则所有div都将是内联的

或 添加
页边距底部:90px到第三个div;它会解决你的问题


这是Flex box的经典案例:

请发布您希望的结果(也有一个屏幕截图)和您的代码,请阅读。当外部资源消失或固定时,依赖外部资源理解的问题将变得无用。创建一个并将其放在问题本身中。这看起来不是一个好的浮动工作。几乎任何其他布局技术(网格、flex、内联块)都可能更好