html - 如何让没有内容的div有宽度?

标签 html css width css-float

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

最佳答案

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

关于html - 如何让没有内容的div有宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4171286/

相关文章:

css - Scrapy/xpath 不工作 - 仅适用于 css

css - 如何使用 CSS 在叠加层中获得 100% 的宽度

javascript - 不要调整粘性 div 的宽度

javascript - 插入 HTML 代码不受 CSS 和 Jquery 的影响

css - Firefox 未将样式应用到 "first-child:first-letter"

html - 内容/页脚的宽度小于浏览器宽度

css - div内容不受div宽度限制

html - CSS 打印@page 设置方向而不消除另一个?

html - 移动端只有 1 个 Div 而不是 100%

javascript - PreventDefualts 不允许在 Invisible ReCaptcha 中提交表单