Question

我是网页设计的新手，我一直在做这个代码html / css，这是关于css中的边距它看起来很容易，但边缘底部在所有浏览器中都不起作用。我在Chrome，Internet Explorer 11，Firefox中进行了测试，它可以工作，但它在Opera和Safari中无法运行。我不知道我是否犯了错误，因为我是菜鸟或是因为浏览器。

这是我的代码HTML：

<!DOCTYPE html>
<html>
<head>
   <title>CALCULADORA DE CREDITOS - CECyT No. 1 "GONZALO VAZQUEZ VELA" DEL IPN</title>
   <link rel="stylesheet" media="screen" href="prueba.css">
</head>

<body>
   <div id="wrapper">
      Hellow ,i'm a DIV!
   </div>
</body>
</html>

这是我的CSS'prueba.css'：

*{margin:0;
padding:0;}


html,body{height:100%;}


body{margin:4%;}

#wrapper{
margin:0 auto 0 auto;
background-color:gray;
width:60%;
height:100%;
}

Answer 1

删除这些部分：

html,body{height:100%;}
body{margin:4%;}

在制作元素特定尺寸时，仅在所选元素上使用“position：fixed”时使用百分比。

设置元素本身的边距，同样设置元素百分比仅在元素上有“position：fixed”时才有效。

JSFiddle Demo

保证金底部不希望在Opera和Safari中工作

1 个答案: