Я заметил, что границы для моих ссылок не покрывают 100% высоты navbar
. Либо это один пиксель слишком коротка на 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% высоты страницы.
Приветствия. Так оно и было. У меня есть форма поиска на том же баре, который сейчас испорчен, но я буду возиться с этим, пока он не будет работать снова. – Hiigaran