Css 子菜单下的额外填充

嘿，伙计们，我的菜单有一些问题，有一个奇怪的填充将我的菜单向右推了几个像素，但我设法在主要的父母身上修复了它，最初他们都推了相同的数量

图片 这里有更好的景色

我正在运行css并添加左填充：0px

如果有人能帮助我，这是我的密码

<div class="css_menu_two_line">
<ul class="two_line_menu">
    <li><a href="#">Menu 1</a></li><li>
    <a href="#">Menu 2</a></li><li class="current"><a href="#">Menu 3 SHOW</a>
        <ul>
            <li><a href="#">Submenu 3-1</a></li>
            <li><a href="#">Submenu 3-2</a></li>
            <li><a href="#">Submenu 3-3</a></li>
            <li><a href="#">Submenu 3-4</a></li>
            <li><a href="#">Submenu 3-5</a></li>
        </ul>
    </li><li><a href="#">Menu 4</a></li><li><a href="#">Menu 5</a></li>
</ul>
</div>

---

小提琴：

您需要从

中去掉填充物。两行菜单li ul

。为此，我们可以添加以下样式

填充：0

很多HTML元素都有默认样式，所以要注意这一点

该类的CSS现在应该如下所示：

.two_line_menu li ul {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background: #aaf;
    top: 38px;
    padding: 0; /* Just added */
}

您需要从
中去掉填充物。两行菜单li ul
。为此，我们可以添加以下样式
填充：0

很多HTML元素都有默认样式，所以要注意这一点

该类的CSS现在应该如下所示：

.two_line_menu li ul {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background: #aaf;
    top: 38px;
    padding: 0; /* Just added */
}

您的CSS包含display:inline，它也有block子元素和position-absolute。试试这个CSS属性

.two_line_菜单li{显示：块；浮动：左；}

.two_line_菜单li ul{位置：绝对；左侧：0；填充：0；宽度：100%；背景：aaf；顶部：38px；}

.two_line_菜单li ul li{float:left；}
您的CSS包含display:inline，其中包含块子元素和绝对位置。试试这个CSS属性

.two_line_菜单li{显示：块；浮动：左；}

.two_line_菜单li ul{位置：绝对；左侧：0；填充：0；宽度：100%；背景：aaf；顶部：38px；}

.two_line_菜单li ul li{float:left；}
一些代码会有所帮助。虽然“奇怪的填充”可能来自
的默认样式。请发布您的html/css代码和小提琴来演示这个问题。照片没用你的问题是什么？此外，我们还需要看到一些HTML和CSS。我无意中提交了（单击enter）文章，但没有发布代码，它跳了出来显示。您在编写时回答了自己的问题。。。。您说过有额外的填充，那么为什么不尝试在您认为导致填充的元素上将填充设置为0呢。默认情况下，很多HTML元素都有自己的样式。一些代码会有所帮助。虽然“奇怪的填充”可能来自
的默认样式。请发布您的html/css代码和小提琴来演示这个问题。照片没用你的问题是什么？此外，我们还需要看到一些HTML和CSS。我无意中提交了（单击enter）文章，但没有发布代码，它跳了出来显示。您在编写时回答了自己的问题。。。。您说过有额外的填充，那么为什么不尝试在您认为导致填充的元素上将填充设置为0呢。默认情况下，很多HTML元素都有自己的样式。完美解决了这一问题，目前我还将鼠标悬停在一个名为.current的clas按钮上。有没有办法简化这一点，让菜单显示出来？我非常希望它在某个包含当前类的页面上自动显示该菜单。两行菜单li:n子菜单（3）：悬停此选项可以替换。当前：悬停，您还需要使用jQuery来检测当前页面。@Grasper我已编辑了您的答案，以使其看起来更好，并提供更多信息，如果您不喜欢这些更改，请随时回滚。我对如何替换并将其添加到我的代码中有点困惑。这不是第二个，不是第三个下拉菜单吗@Grasper@BrianCherdak好吧，如果是第二次，就用这个。你需要从trail和error.perfect中学习它，修复了它，目前我还有一个悬停按钮，一个clas称为.current的按钮。有没有办法简化这一点，让菜单显示出来？我非常希望它在某个包含当前类的页面上自动显示该菜单。两行菜单li:n子菜单（3）：悬停此选项可以替换。当前：悬停，您还需要使用jQuery来检测当前页面。@Grasper我已编辑了您的答案，以使其看起来更好，并提供更多信息，如果您不喜欢这些更改，请随时回滚。我对如何替换并将其添加到我的代码中有点困惑。这不是第二个，不是第三个下拉菜单吗@Grasper@BrianCherdak好吧，如果是第二次，就用这个。你需要从错误中学习。