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

[nicesky1]

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

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

请看如上的代码，两个Ul块在IE8和Firefox中都不能同行显示，但IE7可以同行显示。
个人认为有float:left这句，应该也能同行显示，但IE8和Firefox确不行。
但如果去掉了padding-left:0px，就可以在IE8和Firefox时同行显示了
这似乎解释不清楚，为什么会这样？？

(正确)同行显示的效果，类似
一月 七月
二月 八月
.. .......

(错误)非同行显示的效果，类似
一月
二月
....
七月
八月
....

[maomao90]

帮顶，这个得问一下微软

[flyerwing]

好象是内补白吧

[nicesky1]

padding-left:0px; 这样就不会存在内补白了，而前一个UL的float为left,
那依照原理，这两个ul应该会同一行啊。
但IE8和Firefox确不是这样的。为什么？

[Quote=引用 2 楼 flyerwing 的回复:]
好象是内补白吧

[/Quote]

[zhouzangood]

up

[小_虎]

就这样了。还能怎样？

[nicesky1]

总有个原因吧，我们不能单独的完成工作，而是要知道，如何去工作
[Quote=引用 5 楼 jxyxhz 的回复:]
就这样了。还能怎样？
[/Quote]

[asimplefire]

IE8比IE7更w3c标准一些！
两个ul只有都加上float:left，同行显示，这样才感觉更合理一些。但在ie7里，却只需要加一个float:left就可以显示，这就是ie7没有ie8更接近w3c标准之处吧。个人认为FF、opera、IE8都比较接近w3c标准！IE6 IE7就不用谈了……google就在淘汰ie6了

[yunqi_zhiyin]

你写的两个UI的margin都为0,修改第二个大于65即可

[xray2005]

<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>

[xray2005]

<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>

[nicesky1]

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

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

[Quote=引用 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?-
[/Quote]

[nicesky1]

说的有点接近答案，但还没有针对这个问题，做个合理的解释
，如果两个Div要同行显示，只要第一个div，float：left就可以了。
但这里，为什么要两个float:left？是不是W3c标准、**原理可以解释

[Quote=引用 7 楼 asimplefire 的回复:]
IE8比IE7更w3c标准一些！
两个ul只有都加上float:left，同行显示，这样才感觉更合理一些。但在ie7里，却只需要加一个float:left就可以显示，这就是ie7没有ie8更接近w3c标准之处吧。个人认为FF、opera、IE8都比较接近w3c标准！IE6 IE7就不用谈了……google就在淘汰ie6了
[/Quote]