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

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