1. ホーム
  2. html

[解決済み] 内容のないdivに幅を持たせるには?

2022-08-29 06:48:14

質問

に幅を追加しようとしています。 div に幅を追加しようとしていますが、コンテンツがないため、問題にぶつかっているようです。

以下は、これまでに作成したCSSとHTMLですが、うまくいきません。

CSS

body{
margin:0 auto;
width:1000px
}
ul{
width:800px;
}
ul li{
clear:both;
}
.test1{
width:200px;
float:left;
}

HTML

<body>
  <div id="test">
    <ul>
      <li>
        <div class="test1">width1</div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
      <li>
        <div class="test1"></div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
      <li>
        <div class="test1"></div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
    </ul>
 </div>

どのように解決するのですか?

は、通常、幅を持つために少なくともノンブレイキングスペース(&nbsp;)が必要です。