頁面didvision with css

我已將我的頁面分爲三部分：左側，中間和右側。應該出現在中心的元素在class="center"之下，那些出現在右邊的元素在class="right"之下。但由於某些原因，當我運行這段代碼頁面didvision with css

<div id="center"> 
    <div>Hello world </div> 
    <div><label>Name</label> <input type="text" name="fnam" class="fields" id="fn" /></div> 
</div>

輸出出來爲：

Hello 
    world 
    Name 
    field(text input)

每當有以下元素在下一行顯示單元之間的間隔。它對class =「right」也是一樣。爲.center和.right CSS代碼：

#right{ 
    position : absolute; 
    right:500px; 
    margin-top :-75px; 
    width : 160px; 
    padding : 3px; 

} 
#center { 
    margin-top:10px; 
    width: 130px; 
    margin-left: 500px; 
}

來源

2011-04-01 katie

很高興看到您的所有代碼 - 至少是左邊，中間，右邊的CSS和一個小小的HTML（是否有包裝？是使用position：relative？的包裝）。現在我只能猜測問題是什麼。 – Dawson 2011-04-01 05:45:15

leftDiv

{ 寬度：24％; min-height：300px; border：1px solid＃000; float：left; }

centerDiv

{ 寬度：50％; float：left; min-height：300px; border：1px solid＃000; margin-left：10px; }

rightDiv

{ 寬度：24％; float：left; min-height：300px; border：1px solid＃000; margin-left：10px; }

<div id="leftDiv"></div> 
<div id="centerDiv"></div> 
<div id="rightDiv"></div>

來源

2011-04-01 04:32:49 Paras

這聽起來像div S IN問題沒有（或過小的）寬度聲明可以被浮置。絕對定位的元素也會發生同樣的情況。它的類型取決於你是否匹配'class'和'id'（見下文）。

你一直在說有些東西是class="right"（或左邊或中間），但你的HTML顯示id="center"，並在你的CSS相同。請確保您瞭解ID和類別之間的差異：ID適用於每頁一次的獨特元素; 類別適用於每頁可能出現多次的元素。 ID以#和.（您可能知道，但並不真正具有我不確定的代碼的完整圖片）的類爲前綴。

最後一件事：因爲#right被絕對定位，您可能應該使用top而不是margin-top。

來源

2011-04-01 15:39:23

頁面didvision with css

回答

相關問題