Question

我在容器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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

回到你的问题：我发现最好尽可能避免定位，但如果你确定你永远不想改变两个元素的尺寸或容器的尺寸，那么就没有别的了。容器，它不会造成任何伤害。

Answer 5

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

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

在一个容器中有2个绝对定位元素的良好实践吗？

5 个答案: