【问题标题】:Negative margins, float and Firefox负边距、浮动和 Firefox
【发布时间】:2013-07-16 21:28:26
【问题描述】:

您好,我有一个网站,您可以通过访问 http://alterego.im/user-wassgha 看到,我希望用户的个人资料图像和内容重叠。正在使用的解决方案在 chrome 上完美运行,但在 Firefox 上却没有。你能告诉我它有什么问题吗? (顺便说一句,如果您有任何改进网站的建议,请告诉我)

【问题讨论】:

  • 您能详细说明一下吗?头像和FF中的愤怒小鸟完美重叠?
  • 问题是重叠弄乱了侧边栏和它们下面的内容(侧边栏向右移动使内容在它下面)

标签: css margin


【解决方案1】:

好的,然后在侧边栏元素 (.span3) 上尝试 clear:both;

【讨论】:

  • 好吧,使用 clear both 它忽略了 margin-top:-100px;在#testimonials 上,这不是我真正想要的:/
  • ..如果您删除#testimonials 上的margin-top:-100px;,您的布局将再次起作用。找到另一种将整个内容放在顶部的方法,也许在 HTML 树的更高位置?
  • 有什么方法可以保持完全相同的布局,但可以在 firefox 上运行?
  • 当然可以,但我不知道你做了什么破坏了 FF,chrome 和 FF 在渲染上是相似的。让它在 FF 中工作,chrome 的行为应该相似。
猜你喜欢
  • 2011-04-04
  • 2016-05-22
  • 1970-01-01
  • 2012-05-09
  • 2011-08-10
  • 2011-10-11
  • 2014-10-03
  • 2013-07-26
  • 2012-04-07
相关资源
最近更新 更多