标题不占用android chrome浏览器的全宽

时间：2013-01-31 01:59:53

标签： android css

我对这段非常基本的代码的问题是top-header并没有占用Android Chrome浏览器的全部宽度。

如果删除page-width上的宽度，则top-header占据全宽...但我需要设置宽度！

如何制作top-header占全宽？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>

<!-- TOP HEADER -->
<div id="top-header">
    <div id="nav" class="page-width">
        test
    </div>
</div>

<!-- CONTAINER -->
<div id="container" class="page-width">
    test
</div>

</body>
</html>


/********** TOP-HEADER **********/
#top-header {background:#719bb5 url(../images/layout/bg_header.png) repeat-x left bottom; border-bottom: 1px #5E7D99 solid; height:59px;}

#container {background-color:red;}

/* classes */
.page-width {width:1000px; margin:0 auto; padding:0 10px;}

编辑：

在我的Android Chrome浏览器上添加了它的样子

enter image description here

0 个答案:

没有答案
相关问题
最新问题