免费人妻精品一区二区三区-人人玩人人添人人澡东莞-很黄很色很污18禁免费-视频一区二区三区四区五区-久久99精品久久久久久9-国产97色在线 | 国-伊人七七-已婚少妇美妙人妻系列-欧美俄罗斯乱妇-奇米在线-国产精品99久久精品爆乳-欧美精品乱码视频一二专区-又大又爽又黄无码a片-粉嫩绯色av一区二区在线观看-国产爆乳无码av在线播放

解決導致CSS布局頁面錯亂的方法

2012/5/22 15:06:56   閱讀:4775    發布者:4775

在做網站建設中,經常會遇到css布局頁面錯亂,下面是如解決錯亂的方法。

1. float元素務必指定width屬性

很多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內容如何,一定要為其指定width屬性。

另外指定元素時盡量使用em而不是px做單位。

2. float元素不能指定margin和padding等屬性

IE在顯示指定了margin和padding的float元素時有bug。因此不要對float元素指定margin和padding屬性(可以在float元素內部嵌套一個div來設置margin和padding)。也可以使用hack方法為IE指定特別的值。

3. float元素的寬度之和要小于100%

如果float元素的寬度之和正好是100%,某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小于99%。

4. 是否重設了默認的樣式?

某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。因此最好在開發前首先將全體的margin、padding設置為0、列表樣式設置為none等。

5.檢查HTML元素是否有拼寫錯誤、是否忘記結束標記

6. 是否忘記了寫DTD?

如果無論怎樣調整不同瀏覽器顯示結果還是不一樣,那么可以檢查一下頁面開頭是不是忘了寫下面這行DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

7. 檢查CSS是否書寫正確

檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼寫錯誤。CleanCSS本是為CSS減肥的工具,但也能檢查出拼寫錯誤。

8. 用刪除法確定錯誤發生的位置

如果錯誤影響了整體布局,則可以逐個刪除div塊,直到刪除某個div塊后顯示恢復正常,即可確定錯誤發生的位置。

9. 利用border屬性確定出錯元素的布局特性

使用float屬性布局一不小心就會出錯。這時為元素添加border屬性確定元素邊界,錯誤原因即水落石出。

10. float元素的父元素不能指定clear屬性

MacIE下如果對float的元素的父元素使用clear屬性,周圍的float元素布局就會混亂。這是MacIE的著名的bug,倘若不知道就會走彎路。

主站蜘蛛池模板: 99精品国产高清一区二区 | 国产精品人妻 | 国产精品99久久久精品无码 | 99久精品 | 无码av高潮喷水无码专区线 | 久久男人av资源网站无码 | 免费污片软件 | 亚洲国产精品无码专区在线观看 | 欧美乱大交xxxxx潮喷 | 日韩经典三级 | 亚洲五月综合 | h片在线免费看 | 综合网在线 | 精品国产sm最大网站蜜芽 | 国产精品视频一区国模私拍 | www.成人在线视频 | 最新最近中文字幕 | 香港三级精品三级在线专区 | 免费 黄 色 人成 视频 在 线 | 伊人视频 | 欧美日韩中文字幕一区 | 国产精品一区二区在线 | 在线只有精品 | 伊人影视大全 | 在线免费观看日韩av | 免费无遮挡又黄又爽网站 | 影音先锋大型av资源 | 熟妇人妻va精品中文字幕 | 欧美三日本三级少妇三99 | 久久久美女视频 | 亚洲国产成人超a在线播放 成人啪啪 | 亚洲精品水蜜桃 | 性高潮久久久久久久久久 | 国产精品丝袜高跟鞋 | 久久婷婷色综合 | 99精品欧美一区二区蜜桃免费 | 五月天激情开心网 | 久久久国产乱子伦精品作者 | 亚洲欧洲视频 | 性按摩无码中文 | 午夜精品福利在线观看 | 樱花草视频www日本韩国 | 免费午夜福利不卡片在线播放 | 亚洲日韩欧洲无码av夜夜摸 | 一中文字幕日产乱码va | 国产免费拔擦拔擦8x高清在线 | 精品久久久久久亚洲 | 丰满爆乳一区二区三区 | 国产在线精品国偷产拍 | 亚洲永久在线 | 日韩人妻无码一区二区三区 | 久久大香伊蕉在人线观看热2 | 亚洲暴爽 | 成人高清网站 | 免费观看18禁无遮挡真人网站 | 国产又黄又粗又爽 | 亚洲精品中文字幕乱码三区 | 2020国产在线拍揄自揄视频 | 91刺激视频| 国产精品高潮呻吟av久久动漫 | 欧美老妇乱辈通奷 | 精品一区二区三区东京热 | 精品亚洲韩国一区二区三区 | 夜色福利| 德国性经典xxxx性hd | 日本人成在线播放免费课体台 | 国产亚洲精品久久久久久老妇 | 成人女人看片免费视频放人 | 好男人.www| 天堂在线观看中文字幕 | 人妻少妇精品无码专区 | 饥渴的熟妇张开腿呻吟视频 | 亚洲色欲www综合网 日韩在线小视频 | 国产亚洲精品久久久久久一区二区 | 一级久久| 一本到视频 | 久久精品久 | 蜜桃91麻豆精品一二三区 | 亚洲啪av永久无码精品放毛片 | 日本添下边视频全过程 | 亚洲欧美中字 | 欧美性欧美巨大黑白大战 | 亚洲制服无码 | 国产精品一区二区久久不卡 | 国产精品美乳在线观看 | 性高潮久久久久久久久久 | 国产一卡2卡3卡四卡国色天香 | 香蕉久久久久久av综合网成人 | 国产亚洲精品影视在线 | 国产精品高潮呻吟av久久 | 亚洲国产成人高清在线播放 | 夜色福利院在线观看免费 | 无码人妻丝袜视频在线播免费 | 人妻精品久久无码区洗澡 | 国产内射爽爽大片视频社区在线 | 永久毛片全免费福利网站 | 青青草综合 | 精品二区视频 | 亚洲欧美日韩综合久久久久久 |