CSS兩列適合特定寬度

我有一個問題，一直試圖解決這個問題現在CSS兩列適合特定寬度

我很難讓我的列對齊。

尤其是當我具體的寬度1010px，但有20px的邊框...... 所以整體事情就變得1010px ...

單列沒有問題，但是當我有兩個立柱，如果我不玩這個號碼，第二個會被推到最低點（Under Top News and Comments）。我希望我能縮小評論部分。

希望這是一個簡單的辦法......我一直在努力的一切，包括寬度：100％和立場：固定的...只是不能讓它完全一致......

在綜述：網站在這裏：http://ecommerce.omgppl.com/ 兩列分別是「熱門新聞」和「評論」無法將兩列與上面的列對齊。所有列都有960像素，20px邊框和5px頁邊距左右。

來源

2013-10-28 Taehoon A Kim

我們需要看到的CSS和HTML以擁有的幫助您任何希望。 – sosborn

現在我不明白你在說什麼，但我會爲你嘗試這個，但我建議你將position這兩列設置爲absolute而不是fixed。 relative和fixed定位任何<div>的問題是，瀏覽器將採取代碼並閱讀它，就好像您希望將div按代碼的編碼順序排列，而不是您想要的位置。當您將position設置爲fixed時，它只會將其修復到瀏覽器認爲正確的點。所以說你向下滾動頁面，它會隨着你滑動頁面，使它看起來好像它被固定到你的瀏覽器。

更新：要明白你的問題是非常普遍的，如果我有兩個更多的聲望點，我會加倍努力，因爲我認爲很多人都有這個問題。

來源

2013-10-28 05:09:21 PatchGuru

您也可以嘗試更改代碼如下

.container_12{ 
    margin-left: auto; 
    margin-right: auto; 
    width: 1025px !important; 
} 

#subcontent2 .container_12 .grid_9, #subcontent2 .container_12 .grid_3 { 
    background-color: rgb(255, 255, 255); 
    border: 25px solid rgb(241, 196, 15); 
} 
.container_12 .grid_9{ 
    width: 650px; 
}

來源

2013-10-28 05:21:21

CSS兩列適合特定寬度

回答

相關問題