元素沒有排列在彼此相鄰CSS/HTML

-1

我有一個問題，我希望他們解決彼此的兩個元素，並在窗口中心（不響應）我也不希望他們當窗口縮小時，它會被覆蓋。元素沒有排列在彼此相鄰CSS/HTML

你可以在roolt.com上看到版本，這兩個元素是STARTER和PREMIUM，我希望它們能夠居中並彼此相鄰。

HTML：

<div class=" main-container"> 
    <div class="960" > 
     <div id="starter"> 
       <?php include'PHP_element/packges/starter.php'; ?> 
     </div> 
     <div id="premium"> 
       <?php include'PHP_element/packges/premium.php'; ?> 
     </div> 
    </div> 
</div>

CSS：

.main-container { 
    position:static; 
    width: 100%; 
} 

.960 { 
    position: static; 
    margin: 0 auto; 
    width: 960px; 
} 

#starter { 
    width: 50%; 
    float: left; 
} 

#premium { 
    width: 50%; 
    float: left; 
} 

.container-480 { 
    width: 480px; 
}

來源

2014-03-03 Xrait

好的。首先，'position：static;'不是必需的。這是默認位置。第二，'寬度：100％;'沒有必要。它也是一個div的默認值。最後，他們在做什麼，你*不需要？ –

哦，我已經知道了，我必須通過Safari問題添加它們。 – Xrait

的問題是.960類名。在CSS中，類名不能開始與號。將您的類名更改爲.nine60，或其他不以數字開頭的其他名稱，這樣可以解決您的問題。

來源

2014-03-03 23:41:42

非常漂亮！ –

謝謝你，哇這麼簡單。 – Xrait

您可以添加另一CSS類

#starter .container-480 { 
float: right; 
}

你有這個.container-480 CSS類，告訴兩個箱子容器左浮動，但上面的類將確保啓動容器花車旁邊到高級容器。

祝你好運。

來源

2014-03-03 23:45:40 Genus

元素沒有排列在彼此相鄰CSS/HTML

回答

相關問題