AI 助理
备案控制台
开发者社区 问答 正文

请问css布局整个窗口上下布局

上面270px
下面自适应
请问怎么写？

展开
收起
杨冬芳 2016-06-02 10:42:44 1798 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业
    <!DOCTYPE html>
<html>
  <head>
    <style>
    html,body {
      margin: 0;
      padding: 0;
    }
    .top {
        height: 270px;
    }
    .bottom {
        position: absolute;
        top: 270px;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
    }
    </style>
  </head>
  <body>
    <div class="top" style="background: red;"></div>
    <div class="bottom" style="background: blue;"></div>
  </body>
</html>

    screenshot

    2019-07-17 19:24:14
    赞同 展开评论
问答分类：
前端开发
问答标签：
CSS布局 CSS窗口 CSS布局窗口
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
CSS左右布局浮动高度问题
632
1
0
DIV+CSS布局中都包含什么啊？
562
1
0
CSS高等高布局中的模仿表格布局等高列效果具体是什么啊？
3028
1
0
CSS高等高布局中的使用边框和定位模拟列等高具体是什么啊？
3135
1
0
CSS高等高布局中的使用正padding和负margin对冲实现多列布局方法具体是什么啊？
3345
1
0
CSS高等高布局中的创建带边框的两列等高布局具体是什么啊？
3044
1
0
CSS高等高布局中的固定布局具体是什么啊？
2999
1
0
CSS高等高布局中的假等高列具体是什么啊？
2982
1
0
CSS高等高布局具体有什么啊？
3039
1
0
CSS布局具体是什么啊？
770
1
0