我想調整左側導航菜單區域的大小以使其變薄。 我使用這個代碼示例爲例:調整大小導航菜單區域
div.container {
width: 100%;
border: 1px solid gray;
}
header,
footer {
padding: 1em;
color: white;
background-color: black;
clear: left;
text-align: center;
}
nav {
float: left;
max-width: 160px;
margin: 0;
padding: 1em;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul a {
text-decoration: none;
}
article {
margin-left: 170px;
border-left: 1px solid gray;
padding: 1em;
overflow: hidden;
}
<div class="container">
<header>
<h1>City Gallery</h1>
</header>
<nav>
<ul>
<li><a href="#">London</a></li>
<li><a href="#">Paris</a></li>
<li><a href="#">Tokyo</a></li>
</ul>
</nav>
<article>
<h1>London</h1>
<p>Lo.........m.</p>
</article>
<footer>Copyri....com</footer>
</div>
編號:https://www.w3schools.com/html/tryit.asp?filename=tryhtml_layout_float
我怎樣才能得到這種視覺效果:
設置一個'width'或'min-width'就可以了? – domsson
我必須在哪裏設置它?你能給出一個完整的答案嗎? –
你希望你的'nav'變小,所以我建議把它設置在你的'nav'上...試試吧。 – domsson