左右CSS余量

Question

我正在制作一个由表格构成的Coppermine主题（主题基础就是这样制作的）。我试图给它一点CSS样式。

我希望画廊内容占据整个容器。 Here you have the link to my gallery。

正如你可能会注意到，画廊含量大于左侧，但我不能让它走遍右太（这样一来整个容器将被占用）

在这里，你有我正在使用的CSS代码

.maintable { 
    background-color: #FFFFFF; 
    margin-left: -40px; 
padding-right:50px; 
} 

我在做什么错？

谢谢。

Answer 1

该<div class="container">已将padding: 40px添加到它。尝试将其更改为padding: 40px 0以具有40px的垂直填充但不包含水平填充。从.maintable删除margin-left和padding-right

Answer 2

表格单元格不能使用边距。

几个备选方案：

1. 填充。您仍然可以在表格单元格上使用填充。

2. 将边距添加到内部div。将div放在您的表格单元格中，该单元格包含您的内容并将边距应用于该div。

3. border-spacing属性。https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing

Answer 3

可以实现它这样做：（只是发表评论我下面注释行）

1.集装箱（style.css文件：34）

#container { 
    width: 1100px; 
    margin-left: auto; 
    margin-right: auto; 
    background-color: #fff; 
    /* padding: 40px; */ 
    box-shadow: 0px 0px 19px 
} 

2. menub（style.css：71）

.menub { 
    background-color: #000; 
    color: #fff; 
    /* width: 100%; */ 
    padding: 30px; 
    /* margin-left: -40px; */ 
    /* margin-top: -40px; */ 
    /* padding-right: 50px; */ 
} 

3 adminmenu（style.css文件：81）

.adminmenu { 
    background-color: #2E2E2E; 
    color: #fff; 
    /* width: 100%; */ 
    padding: 30px; 
    /* margin-left: -40px; */ 
    /* padding-right: 50px; */ 
    margin-bottom: 30px; 
} 

4. maintable（style.css文件：221）

.maintable { 
    background-color: #FFFFFF; 
    /* margin-left: -40px; */ 
    /* padding-right: 50px; */ 
}