iPhone css問題

Question

在this site上，右列與左列重疊存在問題。這是目標CSS：

#content { 
    margin: 0 34% 0 7.6%; 
    width: 59.4%; 
} 

.left-sidebar #content { 
    margin: 0 7.6% 0 35%; 
    width: 65.4%; 
} 

是否有一個問題，在沒有正確定位的iPhone的百分比利潤率？

Answer 1

，想到的第一件事是，你的容器尺寸是超過100％ -

內容 - 34 + 7.6 + 59.4 = 101

左側欄 - 7.6 + 35 + 65.4 = 108

先嚐試調整您的百分比。

- 編輯 -

好吧，首先，您發佈的CSS是你的鏈接頁面上相同的容器。左邊欄類只用於body標籤，它是更具體的選擇器，所以CSS的第一位被忽略。另外，這些百分比是根據#primary的父容器的大小計算的。你的問題出現在#primary和#secondary之間。 #secondary被指定爲27.2％，但這是不相關的，因爲它被孩子強制爲332px #bluebox - 它被設置爲330px寬和1px邊框。您需要考慮這一點，因爲＃＃第二個字符由於#bluebox總是最小寬度爲332px。