Html 如何排列浮动div?
这可能是一个简单的问题,但如何将浮动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 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、内联块)都可能更好代码>