DIV+CSS高手进!高分!

<div style="width:500px;height:40px;border:1px solid #666; list-style:none;marign:0;padding:0">
<ul>
<li>缩减这行到左边的距离。</li>
<li>缩减这行到左边的距离。</li>
<li>缩减这行到左边的距离。</li>
<li>缩减这行到左边的距离。</li>
</ul>
</div>

<div style="width:500px;height:40px;border:1px solid #666">
<ul style="list-style:none;marign:0;padding:0">
<li>缩减这行到左边的距离。</li>
<li>缩减这行到左边的距离。</li>
<li>缩减这行到左边的距离。</li>
<li>缩减这行到左边的距离。</li>
</ul>
</div>
ul默认在ie里有margin属性,在fiefox里有padding属性。所以都要设成0
另外list-style是针对ul和li的,加在div里没用
温馨提示:答案为网友推荐,仅供参考
第1个回答  2008-09-18
<!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=gb2312" />
<title>无标题文档</title>

</head>

<body>

<div style="width:500px;height:40px;border:1px solid #666;float:left">

<ul style="list-style:none;">
<li style="margin-left:-30px;">缩减这行到左边的距离。</li>
<li style="margin-left:-30px;">缩减这行到左边的距离。</li>
<li style="margin-left:-30px;">缩减这行到左边的距离。</li>
<li style="margin-left:-30px;">缩减这行到左边的距离。</li>
</ul>

</div>

</body>
</html>
相似回答