【问题标题】:CSS - Absolute positioning or float?CSS - 绝对定位还是浮动?
【发布时间】:2015-05-06 22:26:48
【问题描述】:

我有一个基本布局,其中 body div 设置为特定宽度。并且左右边距设置为自动。导致 div 居中。

现在,当涉及到在这个 div 中定位所有子元素时,最好使用绝对定位还是固定坐标?这些子元素基本上是文本列、一些图像和一些标题。我发现将它们全部浮动到左侧会使它们彼此堆叠。这基本上是我想要的。但是指定坐标会更好吗?你看,我在 IE 中遇到了一个小的常见边距错误。而且我知道绝对定位可以解决它。但这会是一个肮脏的修复吗?

我的意思是,布局本身在某种意义上是流动的。但是body div有它的宽度。所以无论分辨率如何,子元素都不会移动。

【问题讨论】:

    标签: css css-position


    【解决方案1】:

    注意:IE 中的边距错误也可以通过将带边距的 div 包裹在没有边距的 div 中并浮动该外部 div 来“修复”。

    关于绝对与浮动:我建议您查看this page,这似乎是一个很好的总结,并问问自己是否有任何缺点为您带来危险。

    如果所有 div 的内容都是静态的,我个人会使用绝对定位,如果有些是动态的,我会使用浮动。但这是一个主观的答案。

    【讨论】:

    • 好的,那我没想过吧? :) 我想这次我会坚持绝对定位。 :)
    • 根据 StackOverflow 政策,如果您能总结一下您提供的链接上的内容,那就太好了
    【解决方案2】:

    我认为使用绝对定位没有问题。一个可能的缺点是您的样式表会更难维护,因为您需要指定宽度和位置。如果将来必须更改任何列的宽度,则必须在 2 个位置更新像素值。使用浮动和边距的 IMO 将来会更容易修改。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-14
      • 1970-01-01
      相关资源
      最近更新 更多