重寫父級溢出：隱藏子級溢出：可見

我有一個標題，它是導航和徽標的父級。我已將父級設置爲溢出：隱藏，因此我可以將邊緣頂部添加到導航以使其位於底部。但它也會剪切徽標div。我試圖按照這個問題... Overriding overflow: hidden 重寫父級溢出：隱藏子級溢出：可見

因此試圖設置徽標溢出：可見，但那也沒有奏效。除了徽標不在父容器中之外，我不確定是否有其他解決方案。

這裏是我的代碼

CSS：

.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;  
}

這裏是一個小提琴 http://jsfiddle.net/XS3Zs/

來源

2014-04-19 ev9604