页眉未遍及整个页面

用户名

我试图使我的标题遍及整个页面。我阅读了跨页面文章的CSS全页宽度标题和CSS标题,并尝试了CSS标题的一部分...使用width:1004px; 没用 我也尝试过宽度100%。我整个下午都在读书,不知道该怎么办。希望我不要发送不必要的代码。谢谢

<html>
<head>    
    <title>some text</title>

    <link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="container">

        <div id="header">
            <img class="logo" src="file:///Users/janedoe/CGT136as/week07hw/website/images/lily-pads.jpg" alt="Admin Extraordinaire"  />           
        </div><!--/#header-->

    <div id="nav">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Our Services</a></li>
            <li><a href="#">Read Our Blog</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </div><!--/#nav--> 
   </div><!--/#container-->

</body>
</html>

/ *身体和容器--------------------------------- * /

body { 
    font-size: 76%;
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}

#container { 
    overflow: hidden;
    width: 900px;
    margin: 0 auto 0 auto;
}



 /* HEADER AREA
    ---------------------------------*/
    #header {
        float: left;
        width: 100%;
        height: 150px;
        padding: 0px;
        margin: 0px;
        background-color: #baaf07;
    }
showdev

div#container的宽度固定。尝试将其更改为100%这样:

#container { 
    overflow: hidden;
    width: 100%;
    margin: 0 auto 0 auto;
}

http://jsfiddle.net/wmhAd/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Excel VBA调试:循环未遍及整个范围

来自分类Dev

HTML图片遍及整个屏幕

来自分类Dev

HTML图片遍及整个屏幕

来自分类Dev

页眉和页脚未显示在页面上

来自分类Dev

html / css页眉和页脚未填充整个空间

来自分类Dev

如何使导航栏遍及整个屏幕?

来自分类Dev

如何使导航栏遍及整个屏幕?

来自分类Dev

标题未跨越整个页面

来自分类Dev

页眉/导航栏/页脚元素未导入新页面

来自分类Dev

整个Ionic(4)页面的背景图像不重叠页眉和页脚

来自分类Dev

页眉,导航,容器布局在整个页面上没有垂直滚动条

来自分类Dev

除非另一个站点页面的页眉和页脚,否则如何获取整个正文

来自分类Dev

同时从多个页面中删除未使用的CSS(整个网站)

来自分类Dev

Rails iframe代码未以100%填充整个页面

来自分类Dev

同时从多个页面中删除未使用的CSS(整个网站)

来自分类Dev

网站背景图片未显示在整个页面上

来自分类Dev

Kendo UI页面页眉消失

来自分类Dev

UICollectionViewController 页脚/页眉未显示

来自分类Dev

包含相同页眉/页脚的静态HTML页面

来自分类Dev

页眉隐藏在我的角度的特定页面

来自分类Dev

使页眉变粘并减小页面滚动的大小

来自分类Dev

包含相同页眉/页脚的静态HTML页面

来自分类Dev

网站优化和页眉/页脚页面

来自分类Dev

如何从特定的单个页面中删除页眉

来自分类Dev

添加页面背景颜色,页眉颜色消失

来自分类Dev

使页眉不固定所有页面

来自分类Dev

如何打印没有页眉的页面?

来自分类Dev

jQuery Ajax调用未达到操作方法/未返回整个HTML页面

来自分类Dev

jQuery Ajax调用未达到操作方法/未返回整个HTML页面

Related 相关文章

热门标签

归档