求助：这样的css怎么实现？

清晨v 2014-03-24 10:05:38

<div style="min-width:400px;float:left">
//这里面是用循环产生的一个个ul，我想div有个最小的宽度400，如果ul太多的话则长度自动变长，不换到下一行，请问这个怎么实现？
<ul></ul>
</div>

...全文

60 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

人生难得一只鸡 2014-03-24

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.box{width:400px;}
.cf:after{content:'';display:block;clear:both;}
.cf{zoom:1;}
.box ul{margin:0;padding:0;list-style:none;width:100px;background:#ccc;float:left;}
</style>
<script >
window.onload=function()
{
	var oBox=document.getElementById('box');
	var oBtn=document.getElementById('btn');
	oBtn.onclick=function()
	{
		var oUl=document.createElement('ul');
		var oLi=document.createElement('li');
		var aUl=document.getElementsByTagName('ul');
		var iW=0;
		oLi.innerHTML='测试';
		oUl.appendChild(oLi);
		oBox.appendChild(oUl);
		for(var i=0;i<aUl.length;i++)
			iW+=aUl[i].offsetWidth;
		if(iW>=oBox.offsetWidth)
			oBox.style.width=iW+'px';
	}
}
</script>
</head>

<body>
<div class="box cf" id="box">
</div>
<input type="button"  value="增加" id="btn"/>
</body>
</html>