導航欄填充和邊框不在酒吧的100％高度

我注意到我的鏈接邊框不包含navbar高度的100％。無論它是一個像素太短在padding:10px;，或者它是一個像素太久padding:11px;（這對我來說完全不會有什麼意義）導航欄填充和邊框不在酒吧的100％高度

<nav class="bg"> 
    <div class="navwrap width"> 
     <div class="nav"><div class="navLeft"></div><a href="#">Link</a><a href="#">Link</a><a href="#">Link</a><div class="navRight"></div></div> 
    </div> 
</nav>

CSS：

.width{margin:0 auto;min-width:1000px;width:84%;} 
nav{border-top:1px solid #BBB;border-bottom:1px solid #BBB;} 
.navwrap{display:flex;flex-flow:row-wrap;padding:10px 0;font-weight:bold;color:#FFF;} 
.nav{flex:1;} 
.navLeft,.navRight{display:inline;padding:10px 0;} 
.navLeft{border-right:1px solid #555;} 
.navRight{border-left:1px solid #000;} 
.nav a{padding:10px;background:rgba(0,0,0,0);transition:background-color 0.2s linear;border-left:1px solid #000;border-right:1px solid #555;} 
.nav a:hover{background:rgba(0,0,255,1);}

而且，而我一直在使用像素來設置高度，我怎樣才能使用100％呢？我相信這會解決問題，但是當我這樣做時，填充和翻轉背景色成爲頁面高度的100％。

來源

2014-01-15 Hiigaran

從navwrap DIV卸下填充和在錨定元件

FIDDLE

來源

2014-01-15 21:25:07 Danield

乾杯設置display:inline-block。那樣做了。我在現在搞砸了的同一個酒吧上有一個搜索表單，但是我會一直這樣做，直到它再次運行。 – Hiigaran

導航欄填充和邊框不在酒吧的100％高度

回答

相關問題