【问题标题】:Reason for a mysterious padding breaking my design?一个神秘的填充物破坏了我的设计的原因?
【发布时间】:2012-04-17 15:15:55
【问题描述】:

在过去的几个小时里,我一直试图解决这个问题,但没有成功。如果你看看这个page

在标题为“最新推文”的左侧,推文列表中有一个神秘的左侧填充。我可以向你保证,我没有为它添加任何样式来获得该填充......无论如何我都不知道。

在过去的几个小时前,在我对页面进行重大更改之前,它看起来很完美。这是一个screenshot,它应该如何对齐。

现在是晚上 11.15,我累了,我想看《权力的游戏》。有人可以帮我解决这个问题,这样我就可以收工了吗?

【问题讨论】:

  • 在我尝试调试之前需要一些最近的推文;)
  • 检查 UL/LI 边距/填充。

标签: javascript twitter padding alignment


【解决方案1】:

您在.projects li 上有margin-left: 15px;

这就是向右移动的原因......

也许您为视频列表添加了它,但它影响了推文列表,因为两者都在 projects 元素下。

添加.projects .sidebar_left li{margin-left:0} 修复它..


更新

或者更好,因为您已经为他们制定了规则 #twitter_update_list li 添加 margin-left:0

【讨论】:

  • 在夜间,您的大脑会停止正常运作。基本上,我上传了一个旧样式表并正在审查一个新样式表。尽管如此,为此欢呼,我会在几分钟内接受这个答案......
【解决方案2】:

Gaby 比我发布了答案,但你可能会发现它自己使用谷歌浏览器检查元素 - 你可以点击一个元素,它会告诉你元素的样式,如下所示:

.projects li {
width: 202px;
display: block;
float: left;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 40px;
}

更好的是,您似乎能够实时测试样式更改。其实很酷。

【讨论】:

  • 为信息伙伴干杯,虽然我会接受 Gaby 的回答,因为他是第一个,但我仍然感谢您的意见。
猜你喜欢
  • 2013-01-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-16
  • 1970-01-01
  • 2011-03-01
  • 1970-01-01
相关资源
最近更新 更多