二、給行內(nèi)元素定義寬度
如果你給一個(gè)行內(nèi)元素定義寬度,那么它只是在IE6下有效. 所有的HTML元素要么是行內(nèi)元素要么就好是塊元素. 行內(nèi)元素包括: <span>, <a>, <strong> 和 <em>. 塊元素包括<div>, <p>, <h1>, <form>和<li> . 你不能定義行內(nèi)元素的寬度, 為了解決這個(gè)問題你可以將行內(nèi)元素轉(zhuǎn)變?yōu)閴K元素.
為了讓他在IE6下工作, 我們需要一些額外的工作. 開始的時(shí)候我們需要?jiǎng)?chuàng)建兩個(gè)div, 一個(gè)包含另一個(gè):
<div class="container"><div class="holder">Content</div></div>
然后你需要定義外層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;}
三、讓固定寬度的頁面居中
為了讓頁面在瀏覽器居中顯示, 需要相對(duì)定位外層div, 然后把margin設(shè)置為auto.
四、 最小寬度
IE6另外一個(gè)bug就是它不支持 min-width 屬性. min-width又是相當(dāng)有用的, 特別是對(duì)于彈性模板來說, 它們有一個(gè)100%的寬度,min-width 可以告訴瀏覽器何時(shí)就不要再壓縮寬度了.
除IE6以外所有的瀏覽器你只需要一個(gè) min-width: Xpx; 例如:
.container {min-width:300px;}
為了讓他在IE6下工作, 我們需要一些額外的工作. 開始的時(shí)候我們需要?jiǎng)?chuàng)建兩個(gè)div, 一個(gè)包含另一個(gè):
<div class="container"><div class="holder">Content</div></div>
然后你需要定義外層div的min-width屬性,
.container {min-width:300px;}
這時(shí)該是IE hack大顯身手的時(shí)候了. 你需要包含如下的代碼:
聯(lián)系客服