当前位置:编程学习 > C#/ASP.NET >>

高手请进,为什么加了padding如此怪异

--------------------编程问答-------------------- 帮顶,这个得问一下微软 --------------------编程问答-------------------- 好象是内补白吧
--------------------编程问答-------------------- padding-left:0px; 这样就不会存在内补白了,而前一个UL的float为left,
那依照原理,这两个ul应该会同一行啊。
但IE8和Firefox确不是这样的。为什么?

引用 2 楼 flyerwing 的回复:
好象是内补白吧
--------------------编程问答-------------------- up --------------------编程问答-------------------- 就这样了。还能怎样? --------------------编程问答-------------------- 总有个原因吧,我们不能单独的完成工作,而是要知道,如何去工作
引用 5 楼 jxyxhz 的回复:
就这样了。还能怎样?
--------------------编程问答-------------------- IE8比IE7更w3c标准一些!
两个ul只有都加上float:left,同行显示,这样才感觉更合理一些。但在ie7里,却只需要加一个float:left就可以显示,这就是ie7没有ie8更接近w3c标准之处吧。个人认为FF、opera、IE8都比较接近w3c标准!IE6 IE7就不用谈了……google就在淘汰ie6了 --------------------编程问答-------------------- 你写的两个UI的margin都为0,修改第二个大于65即可 --------------------编程问答--------------------

<div style="width:200px;height:300px;background:gray;">
     
          <ul style="float:left;width:65px;margin:0px 0px;padding:0px;list-style:none;">
            <li style="float:left;width:32px;"> 一月</li>
            <li style="float:left;width:32px;"> 二月</li>
            <li style="float:left;width:32px;"> 三月</li>
            <li style="float:left;width:32px;"> 四月</li>
            <li style="float:left;width:32px;"> 五月</li>
            <li style="float:left;width:32px;"> 六月</li>
        </ul>

        <ul style="width:65px;margin:0px 0px;padding:0px;list-style:none;float:left;">
                <li style="float:left;width:32px;"> 七月</li>
                <li style="float:left;width:32px;"> 八月</li>
                <li style="float:left;width:32px;"> 九月</li>
                <li style="float:left;width:32px;">十月</li>
                <li style="float:left;width:32px;"> 十一</li>
              <li style="float:left;width:32px;"> 十二</li>
           </ul>
                
    </div>

--------------------编程问答--------------------

<div style="width:200px;height:300px;background:gray;">
     
          <ul style="float:left;width:32px;margin:0px 0px;padding:0px;list-style:none;">
            <li style="float:left;width:32px;"> 一月</li>
            <li style="float:left;width:32px;"> 二月</li>
            <li style="float:left;width:32px;"> 三月</li>
            <li style="float:left;width:32px;"> 四月</li>
            <li style="float:left;width:32px;"> 五月</li>
            <li style="float:left;width:32px;"> 六月</li>
        </ul>

        <ul style="width:32px;margin:0px 0px;padding:0px;list-style:none;float:left;">
                <li style="float:left;width:32px;"> 七月</li>
                <li style="float:left;width:32px;"> 八月</li>
                <li style="float:left;width:32px;"> 九月</li>
                <li style="float:left;width:32px;">十月</li>
                <li style="float:left;width:32px;"> 十一</li>
              <li style="float:left;width:32px;"> 十二</li>
           </ul>
                
    </div>


--------------------编程问答--------------------  
  还是没有解决我说的问题哦,你这样做只不过中绕过我的问题去完成功能。

   如果只是为了完成功能,把我上面的Padding-Left:0px;这句去掉,就可以了。
   现在只是想清楚个为什么。

引用 10 楼 xray2005 的回复:
HTML code<divstyle="width:200px;height:300px;background:gray;"><ulstyle="float:left;width:32px;margin:0px 0px;padding:0px;list-style:none;"><listyle="float:left;width:32px;"> 一月</li><listyle="float:le?-
--------------------编程问答--------------------   说的有点接近答案,但还没有针对这个问题,做个合理的解释
  ,如果两个Div要同行显示,只要第一个div,float:left就可以了。
  但这里,为什么要两个float:left?是不是W3c标准、**原理可以解释

引用 7 楼 asimplefire 的回复:
IE8比IE7更w3c标准一些!
两个ul只有都加上float:left,同行显示,这样才感觉更合理一些。但在ie7里,却只需要加一个float:left就可以显示,这就是ie7没有ie8更接近w3c标准之处吧。个人认为FF、opera、IE8都比较接近w3c标准!IE6 IE7就不用谈了……google就在淘汰ie6了
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,