Question

通常对于大多数基于DIV的布局，我按以下方式编写页面（外部骨架）;

<body>
<div class="wrapper">
    <div class="minwidth">
        <div class="layout">
            <div class="container">
                <div class="content">
                                          //Some content....
                </div>
            </div>
        </div>
    </div>
</div>
</body>

以下是我使用的CSS;

html,body{padding:0;margin:0;background:url(../images/bodybg.gif) #ececed left top repeat-x;color:#3b3b3b;font:normal 85% verdana}
.wrapper{width:99.8%;min-width:959px;margin:0 auto}
* html .minwidth{padding-left:959px}
* html .minwidth,* html .layout,* html .container,* html .content{height:1px}
* html .container{margin-left:-959px;position:relative}
.content{padding:0;margin:0 16px}

现在我必须承认，由于我更喜欢UI开发（而不是布局设计），我并不完全理解“为什么”这些div实际上是使用的。我的猜测是，其中一些div被用作旧版IE缺少最小宽度支持的HACK。

所以我的问题是;

如果上面的布局代码是标准的，请告诉我   跨浏览器兼容性所需（假设某个最小宽度   要求）

你认为只有最小宽度需要这么多的div   支持旧的IE并做最新的IE（如IE8 / 9）已满   支持min-width？

我现在想设计一个流畅的布局，即一个应该工作的布局   无缝地跨越多个平台（桌面/平板电脑，如iPad和   某种程度的移动设备）

请建议任何其他骨骼结构，以确保液体   根据屏幕分辨率调整好的布局   （桌面/片剂等）