# StaticLayout 静态布局

修改“头部”的高度：需要修改 .stadic_head_height 中的height:30px和 .stadic_body_top_bottom 中的top:30px。
修改“尾部”的高度：需要修改 .stadic_footer_height 中的height:30px和 .stadic_body_top_bottom 中的bottom:30px。
修改“左部”的宽度：需要修改 .stadic_right .stadic_content 中的margin-left:270px和 .stadic_left 中的width:265px。
“中间区域”宽度为自适应。

# 基本使用


上下


我在上边区域
我在下边区域

Tip:
1. 禁止在“code区域”外添加元素，否则会导致页面显示错位！！！
2. 注意添加，html和body元素上的class，和style标签的内容，否则会导致出现多余滚动条！！！
3. style标签中的30px，为上部区域高度
▼显示代码

上中下


我在上边区域
我在中间边区域
Tip:
1. 禁止在“code区域”外添加元素，否则会导致页面显示错位！！！
2. 注意添加，html和body元素上的class，和style标签的内容，否则会导致出现多余滚动条！！！
3. style标签中的30px，为上部区域高度
4. style标签中的20px，为下部区域高度
我在下边区域
▼显示代码

左右


我在中间区域
Tip:
1. 禁止在“code区域”外添加元素，否则会导致页面显示错位！！！
2. 注意添加，html和body元素上的class，和style标签的内容，否则会导致出现多余滚动条！！！
3. style标签中的270px、265px，为左部区域高度
我在左边区域
▼显示代码

上下左右


我在上边区域
我在中间区域
Tip:
1. 禁止在“code区域”外添加元素，否则会导致页面显示错位！！！
2. 注意添加，html和body元素上的class，和style标签的内容，否则会导致出现多余滚动条！！！
3. style标签中的270px、265px，为左部区域高度
4. style标签中的30px，为上部区域高度
5. style标签中的20px，为下部区域高度
我在左边区域
我在下边区域
▼显示代码

# 其他说明


只能在所在的div内添加内容

其他位置添加内容，会导致页面变形。


一般都直接应用在<body>里面

<body>中不再添加其他内容，否则会导致页面变形。

← Tab 页签 →