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弹性

回答

相关问题