两个元素拒绝在第三个元素旁边浮动。
两个元素拒绝在第三个元素旁边浮动。
提问于 2015-05-04 21:31:18
几天来，我一直试图解决应该是一个简单的浮动/内联块CSS问题，以至于我已经把元素拟人化为混蛋了。难题如下：
我已经在我的网站上放置了3个<p>标签，它们都在一个中心对齐的标签中。它们如下：
- A = shortcode_for_a_left_sidebar
- B = shortcode_for_a_figure
- C = shortcode_for_a_right_sidebar
A是float: left，B (三个短代码的主要部分)设置为：
display: block;
margin: auto;可怜的人C是float: right。
我希望这三个短代码依偎在一起：
ABC，都在同一条线上。
A和往常一样群居，在B的左边框中没有问题。而C则被推到了下面的一行！看起来就像：
AB
CC当然符合B的右边距，但不会肩并肩地站着。我也想不出为什么代码是这样的。因为它们在同一条线上/用相同的标签包装，难道B的边距不应该自动调整，让C进入吗？
我已经梳理过一堆类似的案例，答案似乎总是实现我已经实现的。我怎么才能让这三个人成为朋友？
/这里是指向烦人的漂浮元素。的实时链接
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-04 21:36:09
为了使元素向右浮动“并肩作战”，您必须将其放在HTML中未浮动的内容之前：
<div id="my-float-left"></div>
<div id="my-float-right"></div>
<div id="my-not-floating-content"></div>在您的示例中，您必须将.otw-sidebar-2 div置于<figure>之上。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30040342
复制相关文章
相似问题
腾讯云开发者
