一个神秘的填充物破坏了我的设计的原因？答案

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

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

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

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

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

【问题讨论】：

【解决方案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;
}

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

【讨论】：