UC知道问个简单的关于css的问题
来源：百度知道 编辑：UC知道 时间：2024/06/08 05:42:29
一个简单的样式
<div id="div1">
<ul>
<li >1</li>
</div>
<DIV ID="div2">
<ul>
<li id="li1>2</li>
<li id="li2">3</li>
</ul>
</div>
实现div1是一整行，宽度是1000px
div2分两列，li1宽度250,li2宽度750,正好对用div1
整个页面居中，对应的css应该怎么写？
我是菜鸟，上面的代码要有错误，请给出具体的代码。
<div id="div1">
<ul>
<li >1</li>
</div>
<DIV ID="div2">
<ul>
<li id="li1>2</li>
<li id="li2">3</li>
</ul>
</div>
实现div1是一整行，宽度是1000px
div2分两列，li1宽度250,li2宽度750,正好对用div1
整个页面居中，对应的css应该怎么写？
我是菜鸟，上面的代码要有错误，请给出具体的代码。
<style type="text/css">
ul,li,body{ padding:0; margin:0; border:0;}
#div1{ margin:0 auto; text-align:center; width:1000px; background-color:#CCCCCC;}
#div1 ul li{ background-color:#99CC00;text-align:left;}
#div2{ margin:0 auto; text-align:center; width:1000px;}
#div2 li{text-align:left;}
#li1{ float:left; width:250px; background-color: #000000;}
#li2{ float:left; width:750px; background-color:#666666;}
.clear{ clear:both; height:0; font-size:0; overflow:hidden;}
</style>
代码：
<div id="div1">
<ul>
<li >1</li>
</ul>
</div>
<DIV ID="div2">
<ul>
<li id="li1">2</li>
<li id="li2">3</li>
</ul>
<div class="clear"></div>
</div>
#div1{width:10