div充满整个body
<head>
<title>div充满整个body</title>
<style type="text/css">
body { background:blue; margin:0px; padding:0px;}
.main { backgroundr:green; height:100% ; width:100%; position:absolute;}
</style>
</head>
<body>
<divclass="mian">
</div>
</body>
</html>
注:这个纠结的
2012-4-2
ie7高度自动适应问题
给外层DIV加overflow:hidden;
文本打断
text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden; 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap; 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
背景透明 内容不透明
background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明,文字不透明*/
filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}
.con p{ position:relative;}/*实现IE文字不透明*/
实现一个三栏布局的网页,中间部分要自适应宽度并且优先加载。左边宽150px;右边栏宽200px;
<div>middle</div>
<div>left</div>
<div>right</div>
2012-4-8