想要的效果
常規：
<使用a，span這種情況下在ie6出現錯位換行div
class
=box"
>
<
h2><
a href
="#"
>黨建動態
a>
h2>
<
ul>
<
li>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
<
span
>2015-05-11
span
>
li>
<
li>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
<
span
>2015-05-11
span
>
li>
<
li>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
<
span
>2015-05-11
span
>
li>
<
li>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
<
span
>2015-05-11
span
>
li>
ul>
div>
並且會出現下面情況
解決方法一：
<解決方法二：div
class
=box"
>
<
h2><
a href
="#"
>黨建動態
a>
h2>
<
ul>
<
li>
<
span
>2015-05-11
span
>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
li>
<
li>
<
span
>2015-05-11
span
>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
li>
<
li>
<
span
>2015-05-11
span
>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
li>
<
li>
<
span
>2015-05-11
span
>
<
a href
="#"
>關於積極申報海淀區文明單位的通知
a>
li>
ul>
div>
讓li裡面的內容，不管是a鏈結的標題還是時間還是包含時間的em、span都左(右)對其，即li（li）
其次：讓a左浮動(em右浮動)，即a（em）
IE6,7下的那些坑
lang en charset utf 8 title type text css warp box style head class warp class box div div body html 在ie6 ie7,ie8,chrome,firefox顯示效果 當使box元素為浮動元素時 box...
IE6 7下如何實現inline block
ie6，ie7的haslayout屬性是個讓人頭疼的問題。在做導航條的時候，一般會用到ul li結構，大多數時候我們是把li設定為浮動，讓其併排顯示在同一行。還有一種方法就是設定li為display inline 這樣可以達到同樣的效果，但是問題是inline元素的特性 預設無法設定寬度，高度，以及...
css相容問題 ie6,7
h5標籤相容 元素浮動之後能設定寬度的話就給元素加寬度，如果需要元素寬度是內容撐開，就給他裡面的塊元素加上浮動 第一塊加浮動，第二塊加margin等於第一塊元素在ie6下會有間隙問題 ie6下子元素超出父級寬高，會吧父級的寬高撐開 p td h包含塊元素的巢狀規則 margin相容問題 displa...