                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

#content里面的圖片都沒有完全的向左移動，明明li都加了float：left；了，為什么左邊還空一大塊，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>無標題文檔</title>

body{font-size:12px; color:#333;}

body,ul,li{padding:0; margin:0; list-style:none;}

#head{width:730px;

height:150px;

margin:0 auto;}

h1{float:left;}

.head_r{float:right;}

#content{

width:800px;

height:300px;

margin:0 auto;

background:#6CF}

{float:left;

margin-right:10px;}

p{text-align:center;}

</style>

</head>

<h1>

</h1>

</div>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

<body>

</body>

</html>

qq_那個貓_0

2016-05-08

源自：如何用CSS進行網頁布局 5-3

關注問題我要回答

1202

操作

收起

2 回答

杜曉磊
2016-05-08

ul設置position：absolute

0 回復有任何疑惑可以回復我~

收起回答

qq_那個貓_0 提問者

#content{ width:800px; height:300px; margin:0 auto; background:#6CF; position:absolute; }加了position:absolute;ul都全部向左浮動，居中沒有用了，，應該怎么改，，不會要設置div居中吧，，而且這代碼和書上的一樣為什么會出現那種錯誤啊，，，求解