内容不足footer位于页面底部-字节跳动笔试题

最新推荐文章于 2019-05-22 11:04:14 发布

zhghxy94

最新推荐文章于 2019-05-22 11:04:14 发布

阅读量266

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/zhghxy94/article/details/87902166

版权

内容不足footer位于页面底部字节跳动前端面试题，大意如下：1.页面有三个模块，heaer，content，footer2.当页面内容超出浏览器窗口时不显示2.当content不足以填充页面时footer出现在页面底部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...

摘要由CSDN通过智能技术生成

内容不足footer位于页面底部

字节跳动前端面试题，大意如下：
1.页面有三个模块，heaer，content，footer
2.当页面内容超出浏览器窗口时不显示
2.当content不足以填充页面时footer出现在页面底部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cors</title>
</head>
<style>
    *{
        margin:0;
        padding:0;
    }
   html,body{
       width:100%;
       height:100%;
       overflow: hidden;
   }
   .header{
       width:100%;
       background-color:rgb(34, 156, 116);
   }
   .container{
       width:100%;
        min-height:100%;
       position: relative;
       
   }
   
   .content{
        width:100%;
        background-color:rgb(124, 238, 238);
   }
   .footer{
        width:10

最低0.47元/天解锁文章

zhghxy94

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
内容不足footer位于页面底部-字节跳动笔试题

内容不足footer位于页面底部字节跳动前端面试题，大意如下：1.页面有三个模块，heaer，content，footer2.当页面内容超出浏览器窗口时不显示2.当content不足以填充页面时footer出现在页面底部&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8...
复制链接

扫一扫