CSS向左浮动，然后向右浮动
杰里米·比尔（Jeremy Beare）
我有一个浮动的问题。我会尽力解释我的问题。我有6个要浮动的菜单栏。3在左边，3在右边。但是我希望右边的那些在左边的3之后。因为它们不高于最后一个左下角的底部。与其他人的图片相似（图片转到此处的主题
但是，相反，我像这样在同一行中获取了所有的酒吧。
我在下面提供了所有CSS属性。谁能弄清楚为什么我不能按我想要的方式得到它？（酒吧组进入游戏信息内容内）
#gameplay-info-content {width: 688px;}
#bar-group-left {float: left; margin: 8px;}
#bar-group-right {float: right; margin: 8px;}
瑞奇·斯塔姆（Ricky Stam）
HTML：
<div class="leftcolums">
<div class="left">1</div>
<div class="left">2</div>
<div class="left">3</div>
</div>
//If you want to achieve the first image add a div with class clear below
<div class="clear"></div>
<div class="rightcolums">
<div class="right">4</div>
<div class="right">5</div>
<div class="right">6</div>
</div>
<div class="clear"></div>
样式：
.leftcolums{float:left;}
.rightcolums{float:right;}
.clear{clear:both;}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
css向左浮动和向右浮动
- 2
CSS菜单向左浮动，向右浮动一半
- 3
在两个元素向右浮动之后向左浮动一个元素？
- 4
CSS溢出向左浮动
- 5
CSS不能向左浮动
- 6
HTML / CSS：向左浮动
- 7
如何使用CSS Flexbox实现底部向左浮动和顶部向右浮动？
- 8
单击“播放”按钮时向左或向右浮动
- 9
div向左浮动，div向右浮动，导致背景消失
- 10
CSS：向左浮动，位置绝对
- 11
使CSS列始终向左浮动
- 12
向右浮动？
- 13
向右浮动？
- 14
试图让第3个div“浮动”在2个div上，即“向左浮动”和“向右浮动”
- 15
Bootstrap 导航子菜单根据页面限制向左或向右浮动
- 16
在更多列中向左浮动CSS技巧
- 17
CSS文本在向左浮动时开始换行
- 18
CSS向左浮动和position元素
- 19
CSS：div不会向左浮动（float：left）
- 20
CSS - Flex 一项向左浮动
- 21
如何使4个div向左浮动，向右浮动一个div？
- 22
如何在导航栏中将文本元素向右浮动，将png元素向左浮动
- 23
向右浮动列表
- 24
Flexbox向右浮动
- 25
溢出时向右浮动
- 26
HTML浮动向右
- 27
浮动导航链接向右
- 28
在 flexbox 中向右浮动
- 29
向左浮动子导航
我来说两句