0

我在一个容器 div 中有两个 div。它们使用彼此相邻的绝对定位进行定位。它们的宽度总是相同的，容器 div 的宽度总是相同的。这是好习惯吗？或者我应该使用 float:left 和 float:right 吗？

CSS看起来像这样：

#container
{
    margin:0 auto;
    height:100%;
    width:960px;
}

#left
{
    position:absolute;
    top:0px;
    left:0px; 
    bottom:0px;
    width:25%;
    height:100%;
}

#right
{
    position:absolute;
    top:0px;
    left:25%; 
    bottom:0px;
    right:0px;
    width:auto;
    height:100%;
}

这是好习惯吗？如果我想使用相对定位，使用相对定位定位的元素不能重叠，可以吗？我的意思是，他们知道他们每个人在哪里，对吧？

感谢：D

4

5 回答 5

3

我会使用浮动，这样如果内容填满，您就不必对容器的高度进行硬编码

于 2013-06-04T15:59:57.037 回答
2

使用浮点数是个好主意。浮动将允许 div 在宽度发生变化时使其灵活。此外，您不必担心并排定位和显示..

于 2013-06-04T16:06:25.297 回答
1

取决于你想在那个盒子里放什么。定位元素绝对会破坏文档的文本流，这可能会产生一些不需要的结果。另一方面，如果这是你想要的，你应该明确地使用它。

回到你的问题：我发现最好尽可能避免绝对定位，但如果你确定你永远不想改变两个元素的尺寸或其容器的尺寸，并且容器中没有其他东西，它不会造成任何伤害。

于 2013-06-04T16:02:07.930 回答
1

如果没有必要，我不会使用position: absolute;. 在这种情况下浮动更合适。

将来，当您必须添加更多元素或必须使设计在其他情况下兼容时，您会感谢您没有使用position: absolute;.

于 2013-06-04T16:02:44.483 回答
1

只需将它们都浮动到left，它们将彼此相邻。

于 2013-06-04T15:59:47.300 回答