平时积累

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

posted @ 2014-04-02 19:01  风中摇曳  阅读(126)  评论(0编辑  收藏  举报