CSS 控制DIV及图片的宽度和高度

在制作网页时,常常希望页面能够在窗口变小时出现滚动条,保持页面不变形;同时又想让页面随同窗口自动增长以填满窗口。

这时候我们需要设置长宽保留最小值,同时自适应。

如:background:url(header_bg.gif) #ffffff repeat-x 0 0; min-width: 760px;
 width: expression(document.body.clientWidth < 1024? "1024px": "100%" ) 这样就保证了页面的不变形和自适应伸展。

 

假如我们有一张图片,希望它作背景,但是又不希望被平铺,可以这样设置。

<body   topmargin= "0 "   leftmargin= "0 ">

<img   border= "0 "   src= "log_bg.png "   width= "100% "   height= "100% ">
<div   style= "position:   absolute;   left:   0;   top:   0   ;width:100%;   height:100% "> 
    img是背景,放在这个div里面的都是前景了 
</div>

</body>

 

你可能感兴趣的:(CSS 控制DIV及图片的宽度和高度)