Question

Helllo，我卡住了...因为无论我做什么都不行。我有以下布局：

<body>
<div id = "Container">
    <div id = "Header">
        <div id = "Logo"></div>
        <div id = "Header-Pannel"></div>
</div>

    <div id = "Body">
        <div id = "Left"></div>
        <div id = "Right"></div>
    </div>
</div>

我需要做的是：

body and Container 100% width, oriented top-left

#Logo {width 180px; height 180px;} - fixed width
#Header-Pannel {height: 180px} - width is 100% space between logo and right edge of the window, fluid width

#Left {fluid width, 100% of space between left edge of the window and right block}
#Right {width: 180px}

我不包括我目前的CSS，因为无数次尝试后它变得混乱。有人可以给我一个解决方案吗？

感谢您的时间！

Answer 1

虽然你的问题不清楚你想要什么，但这可能对你有帮助：

body { width: 100%; margin: 0; }
#Container { width: 100%; min-height: 300px; }
#Logo {width 180px; height 180px; float: left;}
#Header-Pannel {width: according to your need; height: 180px; float: right;}
#Left {width: according to your need, min-height: 100px; float: left;}
#Right {width: 180px; min-height: 100px; float: right;}

CSS布局有两行，两列

1 个答案: