css - 居中的 div 和流体在容器上的左填充

Question

我的布局中有一个最大宽度（1240px）的居中红色 div（蓝色），我搜索以在 CSS 中创建它。居中区域（蓝色）左侧的徽标区域（紫色）为 300 像素。在这一点的左边，红色，它将是流动的（无论你有什么屏幕分辨率）。

（顺便说一句，这与下面的浅灰色 div 相同）

你有这样做的想法吗？

Answer 1

在这里，看看这个：

http://css-tricks.com/the-perfect-fluid-width-layout/

Answer 2

做这样的事情：

小提琴

<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;
}