当前位置:  开发笔记 > 前端 > 正文

为什么我的Css代码不能用于我的Html页眉和页脚?

如何解决《为什么我的Css代码不能用于我的Html页眉和页脚?》经验,为你挑选了1个好方法。

需要一些帮助...

在非常偷看的时刻,我必须明天完成这项工作,但我的CSS代码不适用于页眉和页脚,而相同的文件正在为字体系列,字体大小,正文背景颜色等其他东西工作...

    body {
	    font-family: Arial;
 	    font-size: 15px;
 	    line-height: 1.6em;
        background-color: linen;
    }

    .container {
	    border: 2px solid black;
  	    width: 70%;
 	    margin: 20px auto;
	    overflow: auto;
    }

    .Pull-Left {
	    Float: Left;
    }

    .Pull-Right {
	    Float: Right;
    }

    header {
	    background-color: blue;
    }

    footer {
	    background-color: blue;
    }
    
    
    
    ABCD
    
    
    
    
This Is The Main Title
***Some Text***
























This Is The Footer



1> Aytee..:

你的CSS很好.问题是你的页眉和页脚高度为0.

使用clearfix属性.参考网址:什么是clearfix?

    body {
    font-family: Arial;
    font-size: 15px;
    line-height: 1.6em;
    background-color: linen;
    }
    
    .container {
    border: 2px solid black;
    width: 70%;
    margin: 20px auto;
    overflow: auto;
    }
    
    .Pull-Left {
    Float: Left;
    }
    
    .Pull-Right {
    Float: Right;
    }
    
    header {
    background-color: blue;
    }
    
    footer {
    background-color: blue;
    }
    
    .cf:after {
      content: "";
      display: table;
      clear: both;
    }
   
    
    
    ABCD
    
    
    
    
This Is The Main Title
***Some Text***
























This Is The Footer
推荐阅读
保佑欣疼你的芯疼
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有