【问题标题】:Opera 9 float:left inside position:relative cause problemsOpera 9 浮动:左侧位置:相对导致问题
【发布时间】:2012-09-30 15:26:45
【问题描述】:

我在 position:relative;margin-bottom:15px; 的 div 中获得了 float:left; 的锚点。
由于某种原因,margin-bottom 不适用,当我测试它时,我认为问题与浮动和相对位置有关。

我不知道如何解决它,非常感谢您的帮助。

fiddle with the HTML

它的外观和实际外观的屏幕截图:

【问题讨论】:

  • 有什么理由关心这样一个过时的 Opera 版本,还有所有的错误?
  • 好吧,我希望我的网站能够在每个具有 css2 > chrome、firefox 3、ie6、opera9 和 safari 的浏览器的最低版本中得到支持(不知道是哪个版本)

标签: css css-float position opera


【解决方案1】:

浮动元素的边距通常比它们的价值更麻烦。请改用填充。

【讨论】:

  • 我在那个 div 里面有另一个元素,它是绝对位置(在底部)。如果我在边距内使用填充,它将绝对位置 div 移动到错误的位置..
  • 您可以相应地调整绝对定位以匹配填充或以其他方式修改 DOM,使浮动元素包含在提供填充的包装器中。
  • 第一种方法更好,但我想看看是否有人给我更好的解决方案
  • 看来overflow:hidden(在clear类或者容器div中)解决了问题……
  • 这有助于解决浮动问题,clearfix 可能也可以解决问题
猜你喜欢
  • 2013-11-27
  • 2017-04-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多