如何让一个没有内容的div有一个宽度？
如何让一个没有内容的div有一个宽度？
提问于 2010-11-13 14:24:12
我正在尝试为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>回答 10
Stack Overflow用户
回答已采纳
发布于 2010-11-13 14:31:29
div通常至少需要一个不间断的空格()才能有宽度。
Stack Overflow用户
发布于 2013-08-25 07:31:07
使用min-height: 1px;，所有东西都至少有1px的最小高度，所以没有额外的空间被nbsp或padding占用，或者被迫先知道高度。
Stack Overflow用户
发布于 2015-12-04 03:21:37
使用CSS在div中添加一个零宽度空格。div的内容不会占用任何空间，但会强制div显示
.test1::before{
content: "\200B";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4171286
复制相关文章
相似问题