為什么我的二列布局不能居中
<!--雙列布局*/-->
<!DOCTYPE <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>布局</title>
<style type="text/css">
??? body{ margin:0;padding:0; }/*用于清除樣式*/
??? div{ text-align:center; line-height:50px;}
??? .main{width:800px;height:500px;margin:0 auto;}
??? .left{width:400px;height:500px;float:left;background:yellow;}
??? .right{width:400px; height:500px;float:right; background:#ccc;}
</style>
</head>
<body>
<div class="main">
?? ?<div class="left">left</div>
?? ?<div class="right">right</div>
</div>
</body>
</html>
2015-09-07
是居中的啊。你放到自己編輯器看,這上面寬度太窄了,課程左邊也說了,如果沒有效果就把代碼移出去看。
喏,這是我復制你的代碼到外面看得:
2015-09-07
已經居中了啊。你在哪里測試出現不居中?