我的CSS3的间距/宽度问题

Question

我不确定为什么在第二个和第三个标签中左边有一个间距（边距/填充）。测试网站位置为：http://new.vonsazkin.com/index.aspx

点击顶部菜单中的居民，然后点击事件标签或“记录”标签。您会注意到网格已被按下。如果我将网格的宽度设置为自动，那么它会向上移动到我想要的位置，但它会缩小。我可以设置的最大宽度是66.67％，但它向右移动。我希望网格宽度为100％，顶部没有间距。您可以右键单击浏览器并单击Inspect Element选项以查看站点的页面代码和CSS。

有任何线索吗？

提前致谢！

Answer 1

有趣:)我发现了问题所在：style.css

.residents_block .tab-pane {
    display: block;
    ...

这个display: block正在弄乱显示/隐藏标签。有了这个CSS，其他标签就在那里，但有opacity: 0。我相信这是一些自定义css（打破引导功能），你应该删除它......

Answer 2

The padding between tabs

我真的不明白你的问题是什么，但如果考虑到标签之间的空间 - 你有填充。标签在介质上的高度（最大宽度：1199px）和（最小宽度：992px）The height of tabs。

Answer 3

当你的父母相对定位时，你需要做的只是绝对位置。

.resident_workspace_form .table-wrapper {
    position: relative;
}

.resident_workspace_form table.alt {
    position: absolute;
}