-2

你好，我卡住了......因为无论我做什么都是行不通的。我有以下布局：

<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，因为经过无数次尝试后它变得一团糟。有人可以给我一个解决方案吗？

感谢您的时间！

4

1 回答 1

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;}
于 2013-07-18T02:30:33.713 回答