Question

我正在试图弄清楚当窗口调整大小时如何防止DIV内的标签向下移动。

我希望链接总是在100％窗口的正确尺寸。

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

<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

防止DIVS移动

1 个答案: