div+ul+li+（ul+li）佈局

上一篇 是 div+ul +li 

 

這次  我嘗試了 在li裏面嵌套 ul ，代碼如下：

<div class="jcpl_2">
	  <ul class="ul2">
        <li style="display:block;"><font>ningyb</font>————<font>ningyb</font></li>
      </ul>
      <ul class="ul3" style="float:left;display:block; width:340px;">
          <ul style="float:left; display:block;width:155px;">
            <li><img src="images/middle_015.jpg" /></li>
            <li>ningyb</li>
          </ul>
          <ul style="float:right; display:block; width:180px;margin:0 2px 0 2px;">
            <li>ningyb</li>
            <li>ningyb</li>
            <li>ningyb</li>
            <li style="padding:0 2px 0 2px;">ningyb</li>
          </ul>
          <div class="clear"></div>
      </ul>
      <ul style="float:right; width:340px; display:block;">
          <ul style="float:left;  display:block; width:155px;">
            <li><img src="images/middle_015.jpg" /></li>
            <li>ningyb</li>
          </ul>
          <ul style="float:right; display:block; width:180px;">
            <li>ningyb</li>
            <li>ningyb</li>
            <li>ningyb</li>
            <li  style="padding:0 2px 0 2px;">ningyb</li>
          </ul>
          <div class="clear"></div>
      </ul>
	  
      <div class="clear"></div>
    </div>

開始寫完後，發現在ie8，ff，谷歌瀏覽器，不兼容；後來，試着給內層ul加寬度，就可以了，哈哈！感覺不錯！

初學CSS，有什麼不足之處，望高手指點！

——————————————————————————————————————————————————————————————————————————

以前開始接觸html+css時，做的東西暴露出很多問題：

1.代碼無語義化

2.清除浮動方式不佳

2.行內的css欠妥