为什么DIV内容左面有空白？
1.块级元素设置FLOAT属性后，自动转为行内块级元素，也就是说它的宽和高还可以设置，对吗？
2.
<!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 type=text/css>
.container{ float:left;
position:relative;
left:50%; }
.container ul{ list-style:none; margin:0; padding:0; position:relative;left:-50%;}
.container li{ float:left;display:inline; margin-right:8px; }
/*.wrap-center{
background:#ccc; position:relative; left:-50%;
}
.wrap{clear:both;float:left; position:relative; left:50%;}*/
.wrap{ margin:0; padding:0;}
.wrap-center{ margin:0; padding:0;}
.body{ margin:0;}
</style>
</head>
<body>
<div class="container">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
<div class="wrap">
<div class="wrap-center">我们来学习一下这种方法。</div>
</div>
</body>
</html>
这段代码文字的左面为什么有空白啊？
