Question

我想在屏幕中间制作一个容器并放入一些div itmes。我想要这样的。我把html删除给了你们的必需品。

   <!DOCTYPE HTML>
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Webshop</title>
<link href="../css/boilerplate.css" rel="stylesheet" type="text/css">
<style type="text/css">
#content {
    position:relative;
    width:200px;
    height:115px;
    background-color:#F00;
    top: 900px;
    margin:10px;
    padding:10px;
    display:inline-block;
}
#container {
    max-width: 960px;
    background: #FFF;
    margin: 0 auto;
    min-height:100%;
    height: auto;
    padding-top:0;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:0;

}
</style>

</head>
<body style="background-color:#CF6" >
<div id="container">
  <div id="content"> </div> 
  <div id="content"> </div> 
  <div id="content"> </div>
</div>
</body>
</html>

结果很糟糕。

Answer 1

我真的不明白，你想要什么，但看看这个：

http://jsfiddle.net/u7k6cyf5/

#content {
position:relative;
width:200px;
background-color:#F00;
margin:10px;
padding:10px;
display:inline-block;

}

我想将内容放在一个占据屏幕高度的容器中

1 个答案: