Html 覆盖父溢出：与子溢出一起隐藏：可见

我有一个标题，它是导航和标志的父项。我已经将父级设置为overflow:hidden，这样我就可以在导航中添加边距顶部，使其位于底部。然而，它剪辑的标志div以及。我试着回答这个问题

因此，尝试将徽标设置为溢出：可见，但也不起作用。我不确定是否有任何其他解决方案，除了不在父容器中的徽标

这是我的密码

CSS:

这是一把小提琴

---

移除

宽度：100%

至

ul

或重置

填充
至
0
至
ul

实际上不需要
宽度：100%由于它是一个
块
元素，它将使用所有
宽度
可用。宽度设置为100%可能太多。边框、边距和填充将不会被估计。
UL元素默认情况下有
左填充：40px因此，如果将其设置为0，就可以了

我更新了您的
好的，但是我如何将徽标延伸到导航框之外？由于存在溢出：隐藏应用于父标题。看起来导航条需要这个属性。那么它应该是底部绝对位置的导航：0；所以头球会随着标志的高度而增加。好吧，我以前也有过这样的头球，但我试图找到其他的方法来代替绝对的定位，我想这是唯一的解决办法，我会试试的，干杯。
.container {
width: 960px;
margin:0 auto;
background-color: blue;
}

header {
height: 100px;
background-color: #001D5D;
position: relative;
overflow: hidden;

}

#logo {
height:100px;
width:100px;
z-index:10;
top:0px;
position: absolute;
overflow: visible;
}

nav {
    background-color:#1CCEAE;
    margin-top:63px; 
}

nav ul {
width:100%;
line-height: 37px;
    text-align:right;
    background-color:#1CCEAE; 

 }

ul li {
display: inline-block;
margin-right: 20px;
}

ul li a {
text-decoration: none;
font-size: 1em;
color:white;    
}