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

Posted 2023-03-06

【中文标题】一个神秘的填充物破坏了我的设计的原因？

【英文标题】：Reason for a mysterious padding breaking my design?

【发布时间】：2012-04-17 15:15:55

【问题描述】：

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

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

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

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

【问题讨论】：

在我尝试调试之前需要一些最近的推文；）

检查 UL/LI 边距/填充。

【参考方案1】：

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

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

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

添加.projects .sidebar_left limargin-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 的回答，因为他是第一个，但我仍然感谢您的意见。