神秘填充物打破我设计的原因?

时间:2012-04-03 22:14:53

标签: javascript twitter padding alignment

过去几个小时我一直试图解决这个问题,但没有成功。如果您查看此页面:http://ftfranes.com/mliad2/

在左侧,标题为“最新推文”的地方,推文列表中有一个神秘的左边填充。我可以向你保证,我没有添加任何样式来填充......不管怎么说都不知道。

过去几个小时前,在我对页面进行重大更改之前,它看起来很完美。以下是如何对齐的屏幕截图:http://i.imgur.com/vSHcZ.png

晚上11点15分,我很累,我想观看权力的游戏。有人可以帮助我解决这个问题,以便我可以称之为一个晚上吗?

2 个答案:

答案 0 :(得分:1)

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

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

也许您已将其添加到视频列表中,但它影响了推文列表,因为它们都位于projects元素下。

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


<强>更新

或更好,因为您已经为他们制定了一条规则#twitter_update_list li,请将margin-left:0添加到其中。

答案 1 :(得分:0)

Gaby打败我发布答案,但您可以自己发现使用Google Chrome检查元素 - 您可以点击一个元素,它会告诉您该元素的样式,如下所示:

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

更好的是,您似乎能够测试样式更改LIVE。实际上很酷。