用CSS和HTMl實現

Question

這是我的CSS-

#nav {  
    position: relative;  
    background-color: #292929;  
    float: left;
    width:960px;
    margin-left:auto;
    margin-right:auto;

}  
#nav li {  
    float: left;  
    list-style: none;  

    width:auto;

}  
#nav li a {  
    color: #e3e3e3;  
    position: relative;  
    z-index: 2;  
    float: left;  

}
ul, li {  
  margin:0;
    padding: 0; 

} 

#blob {  

    position: absolute;  
    top: 0;  
    z-index : 1;  
    background: #0b2b61;  


    background-repeat:repeat;

}

我想將此對象放在中間。 我怎么做。 我也希望背景適合頁面。 我嘗試了很多，但是沒有用。

<ul id="nav">  
        <li><a href="home.php">Home</a></li> 
</ul>

Answer 1

將對象放置在中心：CSS：

.Center1
    {
    position:relative;
    text-align:center;
    }

.Center2
{
position:relative;
margin-left:auto;
margin-right:auto;
width:1024px;
height:800px;
text-align:left;
}

標記：

<body class="body">
<div class="Center1">
    <div class="Center2">
                 <!-- Your content -->

Answer 2

您想將<li>放置在中心位置，對嗎？

根據您當前的標記，最簡單的方法是應用固定width並添加margin: 0 auto; 給你李

該解決方案的語義確實很差，但我想您並不在乎。

用CSS和HTMl實現

問題描述

2 個解決方案

解決方案1
1 2011-01-22 21:23:16

解決方案2
0 2011-01-22 21:28:57

用CSS和HTMl實現

問題描述

2 個解決方案

解決方案1 1 2011-01-22 21:23:16

解決方案2 0 2011-01-22 21:28:57

解決方案1
1 2011-01-22 21:23:16

解決方案2
0 2011-01-22 21:28:57