0

ウィンドウのサイズが小さいときに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>
4

1 に答える 1

1

parent div私が正しく理解していれば、ユーザーがウィンドウのサイズを変更しても、とを 1 行に保持したいよう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;*/
}

働くフィドル

于 2012-12-06T06:02:53.710 に答える