Question

http://www.milknhny.co.uk/

我遇到了一个我无法找到的CSS问题，这肯定不在我的style.css中，而且我对它的来源感到困惑。

我试图设置我的菜单样式，这通常会对我造成严重破坏。

它正在创建的CSS如下：

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1.1em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

我被告知这是谷歌自己的风格，这是我自己的风格。

现在我已将此添加到我自己的CSS上，并在padding-start上重写了40px到0 px！important。但是我想避免这种情况。

有人可以提供有关如何解决的建议吗？因为这会在我的菜单上创建一个大的左手填充（见网站）

请忽略菜单的位置，因为在我解决此问题之前尚未完全设置样式

Answer 1

我明白了。除了您在#agent li CSS部分中提到的填充值之外，用户代理样式表还提供了填充值。我只是兴趣在chrome DOM检查器中移除CSS，并且网站对我来说很好看

Answer 2

就像 ashutosh 一样。如果指定UL为零填充应该可以正常工作。我认为！重要的内联CSS应该尽可能避免。

Answer 3

根据指定here，您可以使用!important标记。

另一种方法是在受影响的项目上使用内联css：

<div id="menuwrapper">
<div id="menuwrapperinner">
<div id="access">
<div class="menu">
   <ul style="padding: 0;"  >
   <!-- or 
   <ul style="-webkit-padding-start: 0;" > -->
       <!-- your <li></li> items here -->
   </ul>

（您可能想尝试使用Chrome开发工具）

PS：使用wordpress主题或查看Bootstrap来实现自己的菜单。

CSS中不需要的填充

3 个答案: