居中的div和流体在容器上留下填充物

时间:2013-07-14 01:31:56

标签: css fluid-layout

我的布局中有一个居中的红色div(蓝色),最大宽度(1240px),我在CSS中进行搜索。中心区域(蓝色)左侧的徽标区域(紫色)为300px。在这一点的左边,红色,它将是流动的(无论你有什么屏幕分辨率)。

(顺便说一句,对于下面的lightgray div来说,这是同样的事情)

你有想法吗?

image http://img69.imageshack.us/img69/8633/kkgx.jpg

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

做这样的事情:

<强> FIDDLE

<div class="container">
    <div class="logo">
    logo here
    </div>
</div>

CSS

.container{
    width: 1240px;
    background: orange;
    text-align: center; 
    margin: 0 auto;
}
.logo{
    width: 180px;
    height: 100px;
    border: 1px solid black;
    display: inline-block;
}