CSS问题没有意义

我想完善我的jQuery菜单。CSS问题没有意义

但是，我运行一些CSS问题，我卡住了。这是我的问题。

#nav { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 20px; 
} 

#nav li { 
    position: relative; 
    margin: 0; 
    font-size: 15px; 
    border-bottom: 1px solid #fff; 
    padding: 0; 
} 

#nav li ul { 
    opacity: 0; 
    height: 0px; 
} 

#nav li a { 
    font-style: normal; 
    font-weight: 400; 
    position: relative; 
    display: block; 
    padding: 16px 25px; 
    color: #fff; 
    white-space: nowrap; 
    z-index: 2; 
    text-decoration: none 
} 

#nav li a:hover { 
    color: #c0392b; 
    background-color: #ecf0f1; 
} 



#nav ul li { 
    background-color: #e74c3c; 
    color: #fff; 
    display: block; 
    list-style: disc; 
} 

#nav li:first-child { 
    border-top: 1px solid #fff; 
} 

#nav ul { 
    margin: 0; 
    padding: 0; 
} 



#nav .fa { margin: 0px 17px 0px 0px; } 

.logo { 
    width: 100%; 
    padding: 21px; 
    margin-bottom: 20px; 
    box-sizing: border-box; 
} 

#logo{ 
color: #fff; 
    font-size: 30px; 
    font-style: normal; 
} 

.sidebar-icon { 
    position: relative; 
    float: right; 
    text-align: center; 
    line-height: 1; 
    font-size: 25px; 
    padding: 6px 8px; 
    color: #fff; 
} 

.disp { 
    opacity: 1!important; 
    height:auto!important; 
    transition: height 100ms ease-in-out; 
    transition-delay: 300ms; 
}

我在一些CSS问题上运行，我卡住了。这是我的问题。我在一些CSS问题上运行，并被卡住了。这是我的问题。

来源

2016-04-14 Rodel Garcia

对于链接，则只需将所有链接内容为''（他们中丢失了一些链接），然后添加'：第一child'规则：https://jsfiddle.net/pjb7jzjk/35/ –

＃2问题怎么样的双边界？和＃3问题滚动条？我如何删除或修复这些内容？ –

不要在CSS中为容器DIV使用“min-width”：这就是滚动条出现的原因。 –

概括起来：

要垫衬添加到链接不带图标，包裹内的物品全部文本<span>（仅适用于那些没有<span>还），并添加padding-left到具有之前没有图标跨度其中：
```
nav li span:first-child { 
    padding-left: 24px; 
} 
```

显示边框仅适用于该组中的最后一个项目：

nav li:not(:last-child) { 
    border-bottom: 1px solid #aaa; 
}

滚动条出现，因为您已指定min-width规则。不要做。它会弄乱小屏幕，因为它永远不会崩溃。还删除padding-right: 65px;和padding-right: 280px; - 他们是假的。

下面是最终小提琴：https://jsfiddle.net/pjb7jzjk/36/

P. S.我建议你overflow-y: scroll规则添加到.sidebar-nav，使其滚动的小高的屏幕。

来源

2016-04-14 01:42:00

Ad.1 - 尝试添加

#nav li > ul > li { 
padding-left: 3em; 
}

来源

2016-04-14 01:47:06

CSS问题没有意义

回答

相关问题