1. 程式人生 > >CSS 控制DIV及圖片的寬度和高度

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>