防止DIVS移动

Question

我想弄清楚当窗口调整大小时如何防止DIV内部的标记向下移动。

我希望链接始终保持100％窗口的正确大小。

我希望标签都保持水平，并且在浏览器窗口较小时不会移动。

这里是我的链接：http://jsfiddle.net/B9WBF/

<div class="topnav"> 


<a href="contact.htm">LINK 1</a> 
<a href="contact.htm">LINK 2</a> 
<a href="contact.htm">LINK 3</a> 
<a href="contact.htm">LINK 4</a> 
<a href="contact.htm">LINK 5</a> 


<div id="logo" href="home.htm"></div> 

</div> 

Answer 1

如果我理解正确的话，看来你要保持parent div还是应用在用户调整窗口大小单行child div。如果这样的话而不是给孩子div填充给出一个宽度值的百分比。

CSS

/* Below are the edited values in your code */ 
#logo { 
    width: 20%; /* width: 317px; */ 
} 

.topnav a { 
    width: 16%; /* Calculation should be correct */ 
    /*padding-left: 22px; 
    padding-right:22px;*/ 
} 

Working Fiddle