,?

,?

和

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

五、讓固定寬度的頁面居中

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

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

六、IE6雙倍邊距的bug

給此對象加上display:inline即可解決問題。

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

八、兩個層之間的3px間隙

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

十、圖片替換技術

文字總比用圖片做標題好一些.?文字對屏幕閱讀機和SEO都是非常友好的.

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

你可以看到我們對標題使用了標準的

作為標簽并且用css來將文本替換為圖片.?text-indent屬性將文字推到了瀏覽器左邊5000px處,?這樣對于瀏覽者來說就看不見了.

關掉css,然后看看頭部會是什么！

十一、?最小寬度

　　

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

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

為了讓他在IE6下工作,?我們需要一些額外的工作.?開始的時候我們需要創(chuàng)建兩個div,?一個包含另一個:

? Content?

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

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

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

*?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.

十二、隱藏水平滾動條

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

關鍵詞標簽：方法,技巧,解決,常用,