发新贴  快速回复

display:box 360chrome下和火狐下显示有不同怎么解决

wky1682008
2015-12-25 09:26
display:box 360chrome下和火狐下显示有不同怎么解决
 
创美易-miaov
代码呢?
2015-12-26 14:49  回复本帖
wky1682008
<!DOCTYPE html >

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#box{ width:100%;height:400px;border:1px solid #000; display:-moz-box; display:-webkit-box;-moz-box-align:center;-moz-box-pack:center; -webkit-box-align:center;-webkit-box-pack:center;}
.box1{ width:200px; height:100px; border:10px solid #000;background:red;}
</style>
</head>


<body>
    <div id="box">
        <div class="box1"></div>
    </div>
</body>
</html>
2015-12-28 09:23  回复本帖
 
kongjiea
是一样的啊。 你可能是浏览器缩放了屏幕,  ctrl+鼠标滚轮
2015-12-28 11:06  回复本帖
wky1682008
forum.php?mod=redirect&goto=findpost&pid=46796&ptid=16040
是一样的啊。 你可能是浏览器缩放了屏幕,  ctrl+鼠标滚轮

display:box后 360 chrome下  内容+边框=220px;而火狐下 内容+边框=200px
2015-12-28 11:50  回复本帖
ldqlucky
*{margin:0;padding:0;}
2015-12-28 14:08  回复本帖
wky1682008
forum.php?mod=redirect&goto=findpost&pid=46799&ptid=16040
*{margin:0;padding:0;}

div 没有默认样式吧

2015-12-28 18:59  回复本帖
qq530196938
火狐对于边框宽度的处理支持的太怪。。。
我有个折中的办法。你可以在盒子的外面再套一层大的div,当做边框来用,这样就都显示一样的了。这里是代码:

<!DOCTYPE html >

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#box{ width:1000px;height:400px;position:relative;border:1px solid #000; display:-moz-box; display:-webkit-box;-moz-box-align:center;-moz-box-pack:center; -webkit-box-align:center;-webkit-box-pack:center;}
.box1{width:200px;height:100px; background:red;margin:10px;}
#boxx{width:220px;height:120px;position:absolute;left:50%;top:50%;background:#ccc;}
</style>
</head>


<body>
        <div id="box">
            <div id="boxx">
            <div class="box1"></div>
            </div>
    </div>
</body>
</html>
2015-12-28 22:13  回复本帖
wky1682008
forum.php?mod=redirect&goto=findpost&pid=46808&ptid=16040
火狐对于边框宽度的处理支持的太怪。。。
我有个折中的办法。你可以在盒子的外面再套一层大的div,当做边框 ...

嗯,是这样的。外面包一层是可以的。但是盒模型的居中效果就用不上了呵呵 
2015-12-30 15:47  回复本帖
登录 后才可以发表回复