css三列divs - 中間div固定寬度 - 外div div彈性

-1

有人可以告訴我如何創建三個中間div 1040px寬度的列div，左右div有彈性，所以它們在窗口大小調整時收縮。這將始終以中間格爲中心。css三列divs - 中間div固定寬度 - 外div div彈性

2011-12-15 ONYX

是你的目標只是居中中間格，或者是你實際上是在尋找，以填補內容方面的div，以及？ – justis 2011-12-15 06:18:43

目前只是中間的中間div，但後來可能會填補外部股利背景 – ONYX 2011-12-15 06:22:21

-1錯誤的標題/問題。如果你真的是一箇中間的孤立柱，不要問3列的佈局。 – 2011-12-15 06:42:26

可以居中固定寬度的div：

div { 
    width: 1040px; 
    margin: 0px auto; 
}

如果你想添加背景，您可以將其添加到div的父元素或頁面的主體。

來源

2011-12-15 06:26:41 justis

如果你的目標很簡單，就是中心中間的div，只需給它下面的CSS屬性：

width: 1040px; 
margin: auto; 
position: relative (or static. NOT absolute or fixed);

你可以設置一個平鋪background-image爲將覆蓋在兩側的區域body元素的div。

編輯：下面是來自非常接近你要找的是什麼一個例子：只需加入這個CSS http://jsfiddle.net/kqVFy/

來源

2011-12-15 06:25:37 Aaron

有一種方法，我只是找出來！：d

HTML：

<div id='siteHeadLeft'></div> 
<div id='site'> 
<div id='siteHeadRight'></div>

CSS：

#siteHeadRight{ 
    height:95px; 
    float: right; 
    margin-right: -500px; 
    background-image:url(../IMG/menu_bg.png); 
    background-repeat:repeat-x; 
    width: 50%; 
} 

#site{ 

    float: left; 
    width:1000px; 

} 

#siteHeadRight{ 
    height:95px; 
    float: right; 
    margin-right: -500px; 
    background-image:url(../IMG/menu_bg.png); 
    background-repeat:repeat-x; 
    width: 50%; 
}

來源

2012-11-01 13:57:58 raice

css三列divs - 中間div固定寬度 - 外div div彈性

回答

相關問題