如何解决使其他div的流量不因浮动div而改变
|| 我有一个页面,顶部有一个float: right
\'ed div,下面有一个text-align: center
\'ed div。是否有可能使浮动div不会改变另一个div的流量(它下面的一个)?
这是两个小提琴,它们显示了我所看到的内容(我都不喜欢,下一段将对它们进行说明):
偏离中心-> http://jsfiddle.net/5XMVt/
居中但空洞-> http://jsfiddle.net/CSGQn/
如果单独放置,则底部div由浮动div向左推(离开中心)。我可以在底部div上执行clear: both
,但这会将其向下推到浮动div以下,尽管这比偏离中心更好,但它不是最优的,因为它在其上方创建了一个巨大的洞。我需要浮动div根本不要更改其下面的div的流,就像它根本不在那一样。
我也在考虑做ѭ3,但这仅在div应该在左侧,而应该在右侧时才起作用。
我想要的是第一个小提琴,除了“应该居中”文本实际居中。
解决方法
您可以使用position:absolute设置右浮动div
并将right设置为0,这将使其具有与向右浮动相同的行为。
请注意,这仅在div必须位于页面右侧而不是容器右侧时才起作用。
, 我认为您可以通过这种方式进行http://jsfiddle.net/5XMVt/4/
或者您可以将绝对位置用于.floating类,并设置右侧的:0px
, 是的,为什么不这样呢?
<div id=\"container\">
<div id=\"rightFloat\"> you right floated here</div>
<div id=\"content\"> your text here</div>
</div>
具有以下样式:
#container {
}
#rightFloat {
float: right;
width: 200px;
height: 200px;
border: 1px solid black;
margin-right: 10px;
}
#content {
border: 1px solid black;
float: right;
clear: none;
margin-right: 10px;
}
那应该做的:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。