跨浏览器全宽CSS [英] Cross Browser Full Width CSS

问题描述

我面临重新创建某个网站的挑战，但是我不确定创建全宽跨浏览器模板的最佳方法是什么.我将使用HTML 5，到目前为止，我拥有:

I have been given a challenge of recreating a certain website but I am unsure what the best way is to create a full width cross browser template. I would be using HTML 5 and so far I have:

我是否只使用100％的宽度?

Do I just use 100% as width?

HTML

<div id="wrapper">
    <header>
        <h1>Logo Position</h1>
        </header>

CSS:

#wrapper{
    width:990px;
    height:100%;
    min-height:100%;
    background:#000;
}
header{
    width:100%;
    height:100px;
    color:#184C82;
}

推荐答案

您还应该这样使用..

#wrapper {
 width:100%; /* or width:990px; */
 height:100%;
 position:absolute;
}

这篇关于跨浏览器全宽CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！