首頁 > web前端 > html教學 > CSS控制div寬度最大寬度/高度和最小寬度/高度

CSS控制div寬度最大寬度/高度和最小寬度/高度

WBOY
發布: 2016-10-12 09:50:13
原創
1420 人瀏覽過
網頁製作中經常要控制div寬度最大寬度/高度或最小寬度/高度,但是在IE6中很多朋友都會遇到不相容的頭痛問題,包括我也經常遇到這樣的問題,在百度查了很多都沒辦法解決,後來在論壇上學習到,在這裡跟大家分享下css3樣式代碼,經過時間完全兼容各大主流瀏覽器。

* 最小寬度 */
.min_width{min-width:300px;
   /* sets max-width for IE */
   _width:expression(document.body.clientWidth .max_width{
   max-width:600px;
   /* sets max-width for IE */
   _width:expression(document.body.clients }60008)> 600p);
/* 最小高度*/
.min_height{
   min-height:200px;
   /* sets min-height for IE */
"   _height:expression(this.scroll; }

/* 最大高度*/
.max_height{
   max-height:400px;
   /* sets max-height for IE */
   _height:expression(this.rollHeight for IE */
   _height:expression(this.krollHeight" ;
}

/* 最大最小寬度*/
.min_and_max_width{
   min-width:300px;
   max-width:600px; pression(
      document.body.clientWidth         ( document.body.clientWidth  600 ? "600px" : auto * /
.min_and_max_height{
min-height:200px;
   max-height:400px;
   /* sets min-height & max-height for IE */
   _height: expression(ight for IE */
   _height: expression(
化       ( this.scrollHeight > 400 ? "400px" : "auto")
   );
}





來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板