主頁(yè) > 知識(shí)庫(kù) > 標(biāo)準(zhǔn)布局常見(jiàn)問(wèn)題及解決辦法

標(biāo)準(zhǔn)布局常見(jiàn)問(wèn)題及解決辦法

熱門(mén)標(biāo)簽:上海400電話(huà)辦理到易號(hào)網(wǎng) 洛陽(yáng)防封卡外呼系統(tǒng)廠(chǎng)家 山東電銷(xiāo)機(jī)器人軟件 常州電話(huà)外呼系統(tǒng)招商 廣州防封電銷(xiāo)機(jī)器人廠(chǎng)家 智能語(yǔ)音電銷(xiāo)機(jī)器人客戶(hù)端 申請(qǐng)400電話(huà)移動(dòng) 成都企業(yè)外呼系統(tǒng) 南通電銷(xiāo)外呼系統(tǒng)軟件
CSS2.0盒模型層次平面示意圖和3D示意圖
CSS2.0盒模型層次平面示意圖和3D示意圖
3像素問(wèn)題及解決辦法
當(dāng)使用float浮動(dòng)容器后,在IE6下會(huì)產(chǎn)生3px的空隙,有意思的是右側(cè)容器沒(méi)設(shè)置高度時(shí)3px在右側(cè)容器內(nèi)部,當(dāng)設(shè)定高度后又跑到容器的左側(cè)了,所以對(duì)布局精度要求高的話(huà),請(qǐng)參考例29、31的解決方法
上邊容器浮動(dòng)后,下邊的容器跟著浮動(dòng),造成頁(yè)面錯(cuò)亂
如以上例子中的footer必須要單獨(dú)占一行,但當(dāng)sidebar浮動(dòng)后,content的高度小于sidebar的高度時(shí),footer也跟著浮動(dòng)到sidebar右側(cè)了,造成頁(yè)面錯(cuò)亂。解決辦法是在maincontent和footer之間插入一個(gè)容器,設(shè)置樣式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除,即可使頁(yè)面正常
當(dāng)子元素浮動(dòng)且未知高度時(shí),怎么使父容器適應(yīng)子元素的高度?
這種情況可在父窗口加上 overflow:auto;zoom:1;這兩個(gè)樣式屬性,overflow:auto;是讓父容器來(lái)自適應(yīng)內(nèi)部容器的高度,zoom:1;是為了兼容IE6而使用的CSS HACK。zoom:1;通不過(guò)W3C的驗(yàn)證,這也是遺憾的一點(diǎn),幸好IE支持!--[if IE]>這種寫(xiě)法,可以專(zhuān)門(mén)針對(duì)IE來(lái)寫(xiě)單獨(dú)的樣式,所以可以把這個(gè)屬性寫(xiě)在頁(yè)面內(nèi)的!--[if IE]>中,這樣應(yīng)該可以通過(guò)驗(yàn)證了
相對(duì)定位與絕對(duì)定位
規(guī)劃頁(yè)面時(shí),許多時(shí)候需要用到相對(duì)定位或絕對(duì)定位,這里邊有個(gè)技巧,掌握后有些地方就不用繁冗的js了。就是當(dāng)父容器使用相對(duì)定位后,此時(shí)子元素再使用絕對(duì)定位,位置是相對(duì)于父元素。如果父元素沒(méi)有定位,那么子元素的絕對(duì)定位是相對(duì)于瀏覽器
IE6雙倍邊距bug
當(dāng)頁(yè)面內(nèi)有多個(gè)連續(xù)浮動(dòng)時(shí),如本頁(yè)的圖標(biāo)列表是采用左浮動(dòng),此時(shí)設(shè)置li的左側(cè)margin值時(shí),在最左側(cè)呈現(xiàn)雙倍情況。如外邊距設(shè)置為10px,而左側(cè)則呈現(xiàn)出20px,解決它的方法是在浮動(dòng)元素上加上display:inline;的樣式,這樣就可避免雙倍邊距bug

標(biāo)簽:邵陽(yáng) 貴州 滄州 鶴壁 混顯 萊蕪 廣安 賀州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《標(biāo)準(zhǔn)布局常見(jiàn)問(wèn)題及解決辦法》,本文關(guān)鍵詞  標(biāo)準(zhǔn),布局,常見(jiàn)問(wèn)題,及,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《標(biāo)準(zhǔn)布局常見(jiàn)問(wèn)題及解決辦法》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于標(biāo)準(zhǔn)布局常見(jiàn)問(wèn)題及解決辦法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章