主要特点
- 保持充满整个窗口
- 滚动条往往控制局部区域
需求
顶栏和低栏是定高的,整体的宽度是自适应的,中间的主内容去,侧边栏定宽,内容区自适应。
实现方案一:Position
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>全屏布局position</title>
<style type="text/css">
html,body,.parent{
height: 100%;overflow: hidden;}
div{
border: 1px solid black;}
.top{
position: absolute;top: 0;right: 0;left: 0;height: 100px;}
.left{
position:absolute;top:100px;bottom: 50px;left: