自动适应大小html框架,html布局 百分比自适应框架网页模板

html根蒂构造代码之百分比自适应组织居中的网页模板成本。

最外层DIV宽度采取百分比值完成构造居中而长久适应。

机关居中 自顺应网页模板成绩

1、残破HTML CSS模板代码：

自适应百分比HTML布局框架 CSS5

body {font: 100% 宋体, 新宋体;bac千克round: #666666;margin: 0;padding: 0;text-align: center;color: #000000;}

#container {

width: 80%; /* 这将树立一个攻下 80% 涉猎器宽度的容器 */

background: #FFFFFF;

margin: 0 auto; /* 被动边距(与宽度一路)会将页面居中 */

border: 1px solid #000000;

text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */

}

#mainContent {padding: 0 20px; /* 请记取，添补是 div 方块外部的空间，边距则是 div 方块外部的空间 */}

自适应百分比机关

1、最外层布局DIV宽度设置为百分比值，没有设置详细px或em，组织网页宽度将根据阅读器宽度而自顺应宽度。

2、最外层DIV宽度配置80%&#x