CSS控制div寬度最大寬度/高度和最小寬度/高度的方法
發(fā)布時間:2016-10-12 10:15:04 作者:佚名
我要評論

下面小編就為大家?guī)硪黄狢SS控制div寬度最大寬度/高度和最小寬度/高度的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
在網(wǎng)頁制作中經(jīng)常要控制div寬度最大寬度/高度或者最小寬度/高度,但是在IE6中很多朋友都會遇到不兼容的頭疼問題,包括我也經(jīng)常遇到這樣的問題,在百度查了很多都沒法解決,后來在一個論壇上學習到,在這里跟大家分享下css3樣式代碼,經(jīng)過時間完全兼容各大主流瀏覽器。
CSS Code復制內(nèi)容到剪貼板
- * 最小寬度 */
- .min_width{min-width:300px;
- /* sets max-width for IE */
- _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
- }
- /* 最大寬度 */
- .max_width{
- max-width:600px;
- /* sets max-width for IE */
- _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
- }
- /* 最小高度 */
- .min_height{
- min-height:200px;
- /* sets min-height for IE */
- _height:expression(this.scrollHeight < 200 ? "200px" : "auto");
- }
- /* 最大高度 */
- .max_height{
- max-height:400px;
- /* sets max-height for IE */
- _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
- }
- /* 最大最小寬度 */
- .min_and_max_width{
- min-width:300px;
- max-width:600px;
- /* sets min-width & max-width for IE */
- _width: expression(
- document.body.clientWidth < 300 ? "300px" :
- ( 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(
- this.scrollHeight < 200 ? "200px" :
- ( this.scrollHeight > 400 ? "400px" : "auto")
- );
- }
以上就是小編為大家?guī)淼腃SS控制div寬度最大寬度/高度和最小寬度/高度的方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關文章
不固定寬度和高度的情況下CSS調(diào)整div居中的方法總結
這里我們來看一下在不固定寬度和高度的情況下CSS調(diào)整div居中的方法總結,考慮到了老IE的兼容性,同時也有CSS3的translate屬性解決方法介紹,需要的朋友可以參考下2016-06-14- 塊級元素和行級元素在設置寬高度時會遇到很多瑣碎的問題,這里我們通過分類討論的方式來進行CSS設置HTML元素的高度與寬度的各種情況總結,需要的朋友可以參考下2016-05-26
兼容IE6的網(wǎng)頁最小最大寬度和最小最大高度css寫法
CSS方法解決IE6最小高度,IE6最小寬度,IE6最大高度,IE6最大寬度,兼容IE6/IE7/IE8/火狐。2014-04-02- 在寫CSS的時候我們就會發(fā)現(xiàn)max-height、min-height、等屬性在IE6下是沒有效果的,這個時候我們就可以針對IE做出專門的設置,具體實現(xiàn)如下,感興趣的朋友可以參考下2013-11-07
CSS控制頁面最大最小寬度和高度可兼容IE6版本的實現(xiàn)方法
本文將介紹CSS控制頁面最大最小寬度和高度可兼容IE6版本的實現(xiàn)方法,感興趣的朋友可以參考下2012-11-15CSS min-height IE6、IE7、FF下DIV自適應高度
IE6、IE7、FF下DIV自適應高度2010-05-13- IE6真是太瘋狂了。今天由于項目需要做了這么一個布局:一個外部的相對定位div,內(nèi)部一個絕對定位的div2009-09-22
- 這篇文章主要介紹了css實現(xiàn)一個元素高度固定寬度按比例顯示效果,本文給大家分享實例代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-28