Question

大家好我是新手，在css设计方面取得了进步。我尝试将边框，边距，填充设置为具有灰色背景的容器的0，但我无法删除上方，下方，左侧和右侧的空白。如何在顶部，左下和右上没有额外的空白区域的情况下将其移除并拉伸以适合浏览器？

这是我到目前为止所拥有的。谢谢:) http://jsfiddle.net/blackknights/3yhRt/embedded/result/

@charset "utf-8";
/* CSS Document */

#container {
    min-width:1024px;
    min-height:768px;
    background:#CCC;
    border:0;
    padding:0;
    margin:0;
}

#container2 {
    width:1080px;
    background-color:#FFF;
    min-width:1024;
}

#wrapper {
    min-width:800;
    min-height:600px;   
}

#header {
    width:900px;
    min-height:120px;
    background-color:violet;
}

#menubar {
    width:900px;
    height: 30px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration: none;
}

ul {
    list-style-type:none;
    padding:0;
    margin:0;
    display:inline;
}

li {
    list-style-type:none;
    background-color:#;
    border-right:1px solid #CCC;
    float:left;
    padding-left:30px; /*adjust space of menu text to each other*/
    padding-right:30px;
    padding-top:8px;
    padding-bottom:8px; 
}

a:link {
    text-decoration:none;
}    /* unvisited link */
a:visited {
    text-decoration:none;
} /* visited link */

li:hover {
    background-color:#ffd640;   
}

ul#mcolor li:hover > a {
     background-color:#ffd640; <!-- sets all link color when hovering to yellow  -->
}

Answer 1

尝试：

body{
 margin:0px;
 padding:0px;
}

Answer 2

尝试

body,html
{
min-width: 100%;
}

Answer 3

我同意@ra_htial

我已为同一

更新了fiddle

请参阅并回复。

在容器的左上方右上方

3 个答案: