在Float + margin + padding上使用css定位有什么不好和好处?

时间:2009-11-07 05:24:15

标签: css

我们可以使用CSS定位制作跨浏览器的CSS布局,而不使用float吗?使用Float + margin + padding进行css定位有什么不好和好处?我想让布局兼容所有A级浏览器和IE6吗?在Dreamweaver中,我们有一个功能层来快速制作css布局,但它使用了绝对位置。这种技术不好吗?

3 个答案:

答案 0 :(得分:1)

如果您不关心浏览器的大小或小于您的设计,那么绝对定位它会很棒。 :)

但是,在大多数情况下,如果您正在设计可能位于17“ - 30”显示器上的浏览器,那么它可能是全屏的,那么浮动是有帮助的。

现在,如果要将位置更改为动态缩放到窗口大小,并且可以处理调整大小,那么绝对会很好。

如果你想摆脱浮动,我认为绝对定位会比它的价值更多。

答案 1 :(得分:1)

当我整理一个页面时,我会考虑我所组合的元素以及它们形成的物理结构的类型。如果元素排成一列,就像一排书,我将使用花车将它们“压”起来。如果我有更多的稀疏元素,比如纸张上的便利贴,我将使用绝对定位,因为一个元素的位置与另一个元素的位置没有紧密联系。

我也看看我对这些元素的了解以及我不了解的内容。如果我有大小变化的东西,比如内容含量不同的元素,我会使用浮点数来定位它们。这样,元素仍然以某种有序的方式“堆叠”在一起。定位任意大小的元素可能会非常棘手,因为您最终可能会超出容器的边界并破坏布局或在您不想要的地方显示/隐藏某些内容。

当然,您也可以将这两种技术结合在一起 - 这完全取决于您需要将它们组合在一起。

答案 2 :(得分:1)

  

我们可以使用CSS定位制作跨浏览器的CSS布局,而不使用float吗?

当然,如果你愿意的话。浮动和定位只是两个CSS属性,它们不是互斥的。对于复杂的布局,您可能经常混合使用。

  

在Dreamweaver中,我们有一个功能层来快速制作css布局,但它使用了绝对位置。这种技术不好吗?

是。除了像图像一样自然固定大小的东西,使用精确的页面像素绝对定位是一个不好的举动,自动化工具往往会产生,因为它很容易使用所见即所得的界面,但对于文本来说会严重降级。