在css里ul li 样式自动伸缩怎么写
发布网友
发布时间：2022-04-24 14:13
共1个回答
热心网友
时间：2023-08-21 16:25
这位网友你好，不太明白你的意思，只要ul和li的宽度设置成百分比就是自动伸缩的了，会根据屏幕大小自适应宽度。追问你能写个简单的给我看看吗？放在一个div里，试了半天没有成功
追答.div{ width:100%; }
.div ul{ padding:0;margin:0; }
.div ul li{ width:100%;list-style:none;background-color:#ff0000; }
<ul>
<li>内容内容很多很多很多啊</li>
<li>内容内容很多很多很多啊</li>
</ul>
</div>
里面的内容写多点，然后把浏览器窗口缩小，会看到内容随着浏览器宽度变化。
