0

以不同的分辨率在左浮动 div 旁边向下移动的关键原因是什么。

从:

+------------+     +-----------------------------+
| float: left|     |     float: right            |
+------------+     +-----------------------------+

至:

+------------+
| float: left|
+------------+
                   +-----------------------------+
                   |     float: right            |
                   +-----------------------------+

如何解决这个在任何决议中都处于相同位置的问题?

演示 CTRL+鼠标向上/向下滚动查看更改

请注意,我想以像素而不是指定宽度的百分比来修复它。

我还可以通过设置从左到右的浮动元素填充或从右到左的浮动元素填充零来修复它。但是为什么它在更小或更大的分辨率下表现不同呢?

4

2 回答 2

1

两个元素的总宽度大于可用的总宽度。它更像是:

从:

+------------+     +-----------------------------+
| float: left|     |     float: right            |
+------------+     +-----------------------------+

至:(注意重叠)

+------------+
| float: left|
+------------+
             +-----------------------------+
             |     float: right            |
             +-----------------------------+

它们可能看起来不像重叠,但如果你考虑填充和边距,它们会重叠。如果将宽度设置为百分比,它应该可以工作。

于 2013-05-09T08:54:32.240 回答
0

尝试以百分比形式给出宽度,并将“float:right”和“margin-top:-500px”分配给右侧部分

请注意:我只是给你一个例子,你可以根据你的需要设置“margin-top”,但它必须是消极的。

更新

您可以使用中心标签。这是示例

<center>
<div style="width:800px">
 <div style="float:left; width:300px"></div> /*give width to adjust to both*/
 <div style="float:Right; width:500px"></div>
</div>
</center>

如果您的屏幕分辨率发生变化,无论您的屏幕大小,它都会保持在中心

假设我的屏幕宽度是 1000px,那么你可以将宽度设置为左 div 300px,而右 div 将是 500px

试试看....

于 2013-05-09T12:38:19.973 回答