如何在另一個div內創建一個固定div？

-1

親愛的朋友們，我在網頁設計中遇到了一個難題。我的佈局如下，如何在另一個div內創建一個固定div？

<div class="main_div"> 
<div class="left_column"> 
<div class=="fixed_div"></div> 
</div> 
<div class="mid_column"></div> 
<div class=="right_column"></div> 
</div>

和css文件看起來像

.main_div{ 
    float:left; 
    width:80%; 
    } 
    .left_column{ 
    float:left; 
    width:20%; 
    } 
    .mid_column{ 
    float:left; 
    width:40%; 
    } 
    .right_column{ 
    float:left; 
    width:20%; 
    }

我想做的事就是我需要做的fixed_div固定父元素內，給寬度到100％。但它總是從left_column出來。我將如何克服這個問題，請幫助。謝謝 請注意，有時我正在從jquery更改left_column的寬度。所以那時fixed_div也必須調整爲left_column。

來源

2013-03-11 vinu

對於塊元素，您的問題在默認情況下是固定的，因爲它們有width: auto;。不要調整#fixed_div寬度，它會起作用。

P.S.使用ID選擇css中的所有元素 - 並不是一種好的風格，更好地將其重新修改到類中。

來源

2013-03-11 10:57:01

感謝friend.I會改正這一點。 – vinu 2013-03-11 11:01:05

感謝朋友，它解決了這個問題。調整'＃fixed_div'給出了問題。現在它工作。謝謝 – vinu 2013-03-12 02:20:37

這應有助於：

.fixed_div { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
} 

.left_column { 
    position: relative; 
    float:left; 
    width:20%; 
}

來源

2013-03-11 10:58:16 Morpheus

我想，你明白這裏的錯誤解釋。請檢查下面的帖子。 – 2013-03-11 11:01:58

您已漂浮了這一點，你必須使用clearfix技術，以消除任何錯誤的所有元素。並將.fixed_div設置爲display: block;。如果這不起作用，請放置演示。你究竟遇到了什麼問題。

來源

2013-03-11 11:49:33

如何在另一個div內創建一個固定div？

回答

相關問題