HTML / CSS需要禁用边距

Question

我花了差不多半小时来搜索禁用子菜单边距的位置。这是一个例子。

我为菜单链接设置了保证金，子菜单也受到了影响。但我不需要那个。因此我无法找到将子菜单边距更改为零的位置。您可以在

中找到网站

Answer 1

从.sub-menu li的

中删除边距

#menu ul.sub-menu li {
    margin:0;
}

然后用此更改ul ul的位置以使下拉导航居中。用这个替换你当前的ul风格（你的css的第182行）。

#menu ul ul {
    background-color: #4d4d4d;
    display: none;
    left: 50%; /* CHANGE THE POSITION TO 50% */
    padding: 0;
    position: absolute;
    top: 119%;
    transform: translateX(-50%); /* THEN MOVE IT LEFT -50% OF ITS NATURAL WIDTH */
}

Answer 2

尝试这样（style.css）：

#menu ul ul li {
    float: none;
    width: 100%; /* dont give fixed value instead give 100% */
}

这将删除悬停在链接上的空格

Answer 3

<强>原因： 如果您使用无序列表，则将边距和填充为零。因为ul和li存在默认的填充和边距。

<强>解决方案：

#mainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainMenu li {
    float: left;
    margin: 0;
    padding: 0;
}

mainmenu是与此示例中的无序列表关联的id。如果您愿意，可以删除它并将其全局应用于所有ul和li。

Answer 4

嘿，现在尝试这种方式

删除margin-right并定义width auto ，就像这样

#menu ul ul li {
  float: none;
  margin-right: 0;
  width: auto;
}

Answer 5

改变你的css

admin.id(object)

输出