【问题标题】:Whitespace on the right side of webpage网页右侧的空白
【发布时间】:2012-04-19 08:33:52
【问题描述】:

我正在帮助我的朋友设计的网页上有一个奇怪的空白,我不知道如何摆脱它。该网站甚至还没有完成,所以希望这不算作广告:http://mow4me.com/

谁能告诉我为什么会发生这种情况,因为我一直在使用 Chrome 的开发工具查看元素,但似乎没有任何问题...

编辑:该网站在 IE 中看起来很合适...

【问题讨论】:

  • 我在 chrome (MAC) 中看不到任何空格
  • 我看到'空白',但只是因为页面内容居中,我想。什么浏览器和什么平台?
  • 我相信我正在使用 chrome 19 dev,它也显示在移动 safari 和 firefox 编辑中:我取消了 text-align: center 在顶部,但它仍然有这个问题
  • 该页面在 IE、FF 和 Chrome 中对我来说看起来相同。 “奇怪的空白”出现在页面的哪个位置?
  • 我刚刚在windows 7上检查了chrome/ie,可以看到gap,这可以归因于margin: 32px;内边距:24 像素;

标签: html css whitespace removing-whitespace


【解决方案1】:

您的 .chart-step 从其父级 (#chart-wrapper) 继承其 100% 的宽度。

这个 720px 的宽度,加上你左边的 400px 位置是你的问题。

只定义它的宽度:

.chart-step { width:192px}

【讨论】:

  • 这行得通,谢谢!我必须等待 4 分钟才能接受它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-26
  • 2018-03-19
  • 2018-01-16
  • 2015-02-15
  • 1970-01-01
  • 2013-05-18
相关资源
最近更新 更多