Question

css页面相同浏览器，不同电脑显示不同

我用css做了个网页，左边一个div，右边一个div，用float排成一行两列，在一些电脑上显示正常，一些电脑上右边的div就跑到下面一行去了，这个问题该如何解决？

Answer 1

据我的猜测，你的两个div至少其中一个加了margin或者padding，而且不是不同的电脑显示不同，而是不同的浏览器显示不同，div跑下边去的肯定是ie6，或者一些用本机ie内核的浏览器，解决的方法是在你那个加边距的的div里加一个属性， display:inline,就应该没问题了

追问

谢谢你的回答，我的两个div的确是设置了margin，考虑到margin在不同浏览器的宽度不同，我设置的两个div的宽度之和小于包含它们的父div至少10个像素。
我请教了一个同事，他说让我把margin改成padding，不知道这个方法是否有效？
如果我把两个div都设置 display:inline的话，是否就直接把div改成span使用就可以了？
是相同浏览器，但不同电脑显示不同。

Answer 2

左右2个div你可以试着这样写并列
<div style=" float:left; background-color:#CCCCCC; width:200px; height:40px;">left</div>
<div style="background-color:#009900; height:40px; overflow:hidden;">right</div>
这样的写法不容易出错，如果div内有2个固定值的div并列，而2个div的总宽度等于大的div，当需要写边框的时候，就会出现兼容性问题了，ie6和ie7效果一样，但IE8解析就不一样，所以设置内部2个div的宽度时比较麻烦

追问

好的，谢谢，我试下。
我把margin改成padding，或者把宽度再改小点，问题都可以解决。

追答

页面写了固定宽度，不利于页面浏览的美观，现在每个人用的显示器大小不一样，分辨率也不一样，像我本身工作用的显示器分辨率是1600*900；而大部分客户都要求1024*768-1280*600；
但也不排除有人用更低或者更高的分辨率，所以为了页面的美观效果，像左右布局的话，一般都是固定左边，右边自适应，或者固定右边，左边自适应

Answer 3

在div+css容易出现浏览器不兼容的问题，再写css的时候要慎重用float，用float很容易出现不兼容的问题

Answer 4

各个浏览器的兼容性不一样，并不是所有的浏览器都符合W3C标准的，只要兼容几个主流的浏览器就行，也别妄想你的代码能兼容所有浏览器，那样你的工作量会增加好几倍