Question

我的css是

@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #FFFFFF;
}
div#header {
    background-color: #969696;
    height: 80px;
}
div#mid-bar {
    background: url(images/home.jpg) left no-repeat #6f6565;
    height: 200px;
    padding: 10px 0 10px 0;
}

#searchbox {
    float: left;
    background-color: #c1c1c1;
    height: 200px;
    width: 400px;
    margin-left: 300px;
}

#multi-ads {
    float: left;
    background-color: #c1c1c1;
    height: 200px;
    width: 450px;
    margin-left: 10px;
}

我的HTML是

<body>
    <div id="header">

    </div>
    <div id="mid-bar">
        <div id="searchbox">

        </div>
        <div id="multi-ads">

        </div>
    </div>
</body>

我目前正致力于1280 x 800分辨率。当我更改降级分辨率时，滚动条会激活。我希望我的页面自动适合客户端的分辨率。我该怎么办？

Answer 1

使用%和/或em代替维度
研究弹性/流体布局技术

Answer 2

Less Framework 2：http://lessframework.com/

所有决议的解决方案

2 个答案: