build網(wǎng)站制作 |
網(wǎng)站制作技術(shù)之DIV+CSS 常見問題及解決辦法整理當(dāng)前位置:首頁(yè)>主要服務(wù)>網(wǎng)站制作>CSS![]() 【IE6】浮動(dòng)雙倍邊距bug: ,則margin在IE6下實(shí)際顯示為雙倍。 解決:給浮動(dòng)容器定義display:inline 【IE6】width和height值 = 最小值 ,但hight=min-height。若只設(shè)定min-height ,IE6下等于沒有高度 ;若只設(shè)定高度 ,IE6會(huì)自動(dòng)將內(nèi)容撐大。標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開的。 解決: height: auto!important; /*使其他瀏覽器高度自適應(yīng)*/ height: 100px; /*針對(duì)IE6 最小高度*/ min-height: 100px; /*針對(duì)其他瀏覽器最小高度*/ 【IE6】為什么無(wú)法定義1px左右高度的容器? ②、zoom:0.08; ③、line-height:1px; 【IE6】mirror margin bug 解決:外層元素設(shè)定border 或 設(shè)定float。 【IE6】浮動(dòng)外層寬度問題 解決:float元素如果作為布局用或復(fù)雜的容器,都要給個(gè)寬度。 【IE7 、FF】高度不能自適應(yīng)問題:父層div不能自適應(yīng)子層div的高 原因:子層設(shè)置了浮動(dòng),而父層沒有浮動(dòng) 解決:(按實(shí)際情況選擇一種) ① 、設(shè)置父層div浮動(dòng) ②、取消子層div浮動(dòng) ③ 、在橫向浮動(dòng)的多個(gè)子對(duì)象后加一個(gè)空div ,并 設(shè)置clear:both; ④ 、為父層設(shè)置:{overflow: auto; _height:1%;} 前者針對(duì)FF 、IE7 ;后者針對(duì)IE6 【IE7 、FF】橫向上的撐破容器問題 問題:如果float 容器未定義寬度,ff下內(nèi)容會(huì)盡可能撐開容器寬度 ,ie下則會(huì)優(yōu)先考慮內(nèi)容折行 。 解決:內(nèi)容可能撐破的浮動(dòng)容器需要定義width。 【All】文字本身的大小不兼容 ,在不同瀏覽器下占的空間是不一樣的 。 ie下實(shí)際占高16px ,下留白3px ;ff 下實(shí)際占高17px,上留白1px ,下留白3px ;opera下就更不一樣了。 解決: 給文字設(shè)定 line-height 。確保所有文字都有默認(rèn)的 line-height 值 。這點(diǎn)很重要,在高度上我們不能容忍1px 的差異 。
【All】clear層應(yīng)該單獨(dú)使用 ,這樣有問題,不僅僅是ff和op下失去margin效果,ie下某些margin值也會(huì)失效
解決:<div class="clear"></div>放在需要清除浮動(dòng)的層后面 【All】怎樣才能讓層顯示在flash上呢 ?解決:<param name="wmode" value="transparent" /> 【All】怎樣使一個(gè)層垂直居中于瀏覽器中? 【All】單像素外框線表格
網(wǎng)站動(dòng)態(tài)
|
易勢(shì)網(wǎng)站制作
網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽(yáng)易勢(shì)科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營(yíng)銷公司 © 2011 , All rights reserved. 公司地址:沈陽(yáng)市鐵西區(qū)貴和街道建設(shè)中路15號(hào)淺草綠閣商務(wù)樓402室沈陽(yáng)網(wǎng)站制作易勢(shì)最專業(yè)
遼B2-20150173-8