0

このコードを書いていますが、nav のさまざまなクラスのサイズ (高さと幅) が機能しません。誰でも理由を説明できますか？他の属性はすべて正常に動作しています (font-size など...)。私はクロムとファイアフォックスで実行しています。

html :

<nav>
    <ul>
        <li class="social">a</li>
        <li class="bookmarks">b</li>
        <li class="logo">brand</li>
        <li class="meta-putsches">c</li>
        <li class="login">d</li>
    </ul>
</nav>

CSS：

nav {
  display: block;
  margin: auto; }
nav ul {
  margin: 0;
  padding: 0; }
nav ul li {
  display: inline;
  background-color: #000000; }
nav ul li.logo {
  width: 16em;
  height: 65px;
  font-size: 53pt;
  font-weight: bold;
  line-height: 59pt;
  color: #f4f4f4; }
4

1 に答える 1

1

あなたdisplay: inline;のli要素が原因です。インライン要素に幅または高さを設定することはできません。に変更する必要がありますdisplay: inline-block;。これにより、フローが妨げられず、要素の幅と高さを設定できるようになります。これがどのように機能し、なぜこのように機能するのかについては、こちらの W3 仕様を参照してください。

于 2013-05-10T03:07:42.717 に答える