日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

高手解決IE中盒子模型滾動(dòng)條有什么妙招

其實(shí)不要看我們平時(shí)使用IE瀏覽器都是簡(jiǎn)簡(jiǎn)單單的,打開瀏覽器,輸入所需網(wǎng)址,就完事了 。可是當(dāng)面對(duì),稍微比較深?yuàn)W的問(wèn)題時(shí),大家就搔頭抓耳了 。就比如關(guān)于瀏覽器盒子模型的滾動(dòng)條的問(wèn)題 。下面,小編就此問(wèn)題進(jìn)行詳細(xì)的講述 。
先看圖:

高手解決IE中盒子模型滾動(dòng)條有什么妙招


瀏覽器盒子模型的滾動(dòng)條
那么我們來(lái)看容器高度:
假如內(nèi)容固定,表格也固定,那么你可能設(shè)置成固定高度,但是假如表格下還有內(nèi)容,還正好取出來(lái)的數(shù)據(jù)不夠表格的最大行數(shù)據(jù)(比如每頁(yè)10行,結(jié)果一共才4行),那么會(huì)出現(xiàn)一大塊空白,所以可能更多的情況下你還是設(shè)置的是動(dòng)態(tài)高度,其實(shí)就是100%啦 。
既然是100%,那么為什么出現(xiàn)了豎滾條呢?首先,只有在IE下才出現(xiàn)這個(gè)滾動(dòng)條,那么顯然,肯定又是盒子模型對(duì)高寬的理解不同了 。
假如真實(shí)內(nèi)容高度現(xiàn)在是500Px,因?yàn)闄M滾條(假定有12px)的出現(xiàn),W3C可能認(rèn)為高度就是512px了,那么事情就解決了,容器是512,內(nèi)容是512 。
可是IE顯然不這么計(jì)算,你現(xiàn)在內(nèi)容高度是500px,那么我的100%算出來(lái)的就是500px,現(xiàn)在出現(xiàn)了橫滾條怎么辦?
1,它必須在容器里出現(xiàn)(本例中就是外圍的DIV);
2,只要一出現(xiàn),必須會(huì)把實(shí)際內(nèi)容追加成512px;
這樣就出現(xiàn)了上面的結(jié)果,計(jì)算的高度和實(shí)際高度不符,于是滾動(dòng)條就出現(xiàn)了 。這時(shí)候來(lái)解決問(wèn)題:
開始認(rèn)為,既然這是不應(yīng)該出現(xiàn)的滾動(dòng)條,那么就讓它不顯示不結(jié)了?于是給容器加style:overflow-y:hidden;
結(jié)果一運(yùn)行,不對(duì),512px的內(nèi)容被你強(qiáng)制改成了500px還不讓滾動(dòng),必然有12px的內(nèi)容無(wú)法顯示,因?yàn)闈L動(dòng)條的級(jí)別比較高,所以不能顯示的其實(shí)就是內(nèi)容區(qū)的最后那12px,顯然不能這么做
最后沒(méi)辦法,只有先判斷它是否IE,(IE8引擎已經(jīng)有所改變,那就判斷IE7吧),然后再插入一行(具體幾行根據(jù)瀏覽器實(shí)際情況定,上述數(shù)字都是假的,為了描述方便),在這個(gè)時(shí)候,再讓滾動(dòng)條不出現(xiàn),這樣問(wèn)題就解決了,
在這種情況下,IE7事實(shí)上確實(shí)有部分內(nèi)容無(wú)法顯示,但無(wú)法顯示的是你插入的無(wú)意義的空行 。
【高手解決IE中盒子模型滾動(dòng)條有什么妙招】插入的代碼你應(yīng)該明白,是這種:
《!–[if IE 7]》
《p》 《/p》
《![endif]–》
看效果:
高手解決IE中盒子模型滾動(dòng)條有什么妙招


瀏覽器盒子模型的滾動(dòng)條
好了,相信很多的朋友是看不懂的 。只要是涉及到代碼的問(wèn)題,很多人就開始頭暈了 。大家不用擔(dān)心,這種事情,還是讓iE高手來(lái)解決 。要是真的有興趣,就認(rèn)真學(xué)習(xí)一下吧!
以上是我們小編提供的高手解決IE中盒子模型滾動(dòng)條有妙招的方法,希望能幫助到大家 。


    推薦閱讀