CSS100%布局小事例
2015-08-25 14:55
711 查看
<head>
<title></title>
<style type="text/css">
*{
padding:0; margin:0;}
html{
overflow:hidden; height:100%}
</style>
</head>
<body style="position:relative; height:100%;
width:100%;">
<form id="form1" runat="server"
style="position:relative; height:100%;
width:100%;">
<div style=" vertical-align:top;
background-color:Black; height:40%;">
<table>
<tr><td></td></tr>
</table>
</div>
<div style="vertical-align:bottom;
background-color:Blue;
height:60%"></div>
</form>
</body>
<title></title>
<style type="text/css">
*{
padding:0; margin:0;}
html{
overflow:hidden; height:100%}
</style>
</head>
<body style="position:relative; height:100%;
width:100%;">
<form id="form1" runat="server"
style="position:relative; height:100%;
width:100%;">
<div style=" vertical-align:top;
background-color:Black; height:40%;">
<table>
<tr><td></td></tr>
</table>
</div>
<div style="vertical-align:bottom;
background-color:Blue;
height:60%"></div>
</form>
</body>
相关文章推荐
- css知多少(3)——样式来源与层叠规则
- 博客园CSS代码
- CSS实现垂直居中
- css Reset
- CSS初始化设置
- 读The CSS Box Model有感
- CSS3.0中content格式的图标不显示
- 纯CSS技术实现可变高度的圆角矩形框-so easy
- 图解CSS的padding,margin,border属性
- 理解CSS中的块级格式化上下文
- JS+CSS实现滑动切换tab菜单效果
- css 字间距离_css 字体字符间距设置
- CSS3新特性整理--圆角+阴影
- css3中box-shadow的使用
- css样式学习笔记
- CSS 之!important
- Extjs 表格的样式设计
- CSS Sprite(CSS雪碧图)
- JS+CSS实现滑动切换tab菜单效果
- CSS学习笔记——选择器