如何使没有内容的 div 有宽度?

新手上路,请多包涵

我正在尝试为 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>

原文由 runeveryday 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 756
2 个回答

一个 div 通常至少需要一个不间断的空格 (&nbsp;) 才能具有宽度。

原文由 jcomeau_ictx 发布,翻译遵循 CC BY-SA 2.5 许可协议

也许是最优雅的:

display: inline-block;

(信用: @Luccas 建议在 最佳答案 下的评论中)

原文由 ellockie 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题