0

我对这段非常基本的代码的问题是它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 浏览器上添加了它的样子

在此处输入图像描述

4

0 回答 0