,?

,?

和

?.?你不能定義行內(nèi)元素的寬度,?為了解決這個(gè)問(wèn)題你可以將行內(nèi)元素轉(zhuǎn)變?yōu)閴K元素。
span?{?width:?150px;?display:?block?}

五、讓固定寬度的頁(yè)面居中

為了讓頁(yè)面在瀏覽器居中顯示,?需要相對(duì)定位外層div,?然后把margin設(shè)置為auto.

#wrapper?{? margin:?auto;? position:?relative;? }

六、IE6雙倍邊距的bug

給此對(duì)象加上display:inline即可解決問(wèn)題。

七、Box?Model?盒模型bug的一般解決辦法

八、兩個(gè)層之間的3px間隙

九、在IE中的HTML注釋引起文字奇怪的復(fù)制

十、圖片替換技術(shù)

文字總比用圖片做標(biāo)題好一些.?文字對(duì)屏幕閱讀機(jī)和SEO都是非常友好的.

HTML: Main?heading?one CSS: h1?{?background:?url(heading-image.gif)?no-repeat;?}? h1?span?{? position:absolute;? text-indent:?-5000px;? }?

你可以看到我們對(duì)標(biāo)題使用了標(biāo)準(zhǔn)的

作為標(biāo)簽并且用css來(lái)將文本替換為圖片.?text-indent屬性將文字推到了瀏覽器左邊5000px處,?這樣對(duì)于瀏覽者來(lái)說(shuō)就看不見(jiàn)了.

關(guān)掉css,然后看看頭部會(huì)是什么！

十一、?最小寬度

　　

IE6另外一個(gè)bug就是它不支持?min-width?屬性.?min-width又是相當(dāng)有用的,?特別是對(duì)于彈性模板來(lái)說(shuō),?它們有一個(gè)100%的寬度,min-width?可以告訴瀏覽器何時(shí)就不要再壓縮寬度了。
除IE6以外所有的瀏覽器你只需要一個(gè)?min-width:?Xpx;?例如:

.container?{? min-width:300px;? }

為了讓他在IE6下工作,?我們需要一些額外的工作.?開(kāi)始的時(shí)候我們需要?jiǎng)?chuàng)建兩個(gè)div,?一個(gè)包含另一個(gè):

? Content?

然后你需要定義外層div的min-width屬性

?.container?{? min-width:300px;? }

這時(shí)該是IE?hack大顯身手的時(shí)候了.?你需要包含如下的代碼:

*?html?.container?{? border-right:?300px?solid?#FFF;? }? *?html?.holder?{? display:?inline-block;? position:?relative;? margin-right:?-300px;? }

As?the?browser?window?is?resized?the?outer?div?width?reduces?to?suit?until?it?shrinks?to?the?border?width,?at?which?point?it?will?not?shrink?any?further.?The?holder?div?follows?suit?and?also?stops?shrinking.?The?outer?div?border?width?becomes?the?minimum?width?of?the?inner?div.

十二、隱藏水平滾動(dòng)條

為了避免出現(xiàn)水平滾動(dòng)條,?在body里

關(guān)鍵詞標(biāo)簽：方法,技巧,解決,常用,