html - 我的 CSS3 的间距/宽度问题

标签 html css

我不确定为什么第二个和第三个选项卡的左侧有间距(边距/填充)。考点位置是:http://new.vonsazkin.com/index.aspx

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

有什么线索吗?

enter image description here

enter image description here

提前致谢!

最佳答案

有趣 :) 我发现问题出在哪里:style.css

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

这个 display: block 正在显示/隐藏标签。有了这个 CSS,其他选项卡就在那里,但有 opacity: 0。我相信这是一些自定义的 css(它破坏了引导功能),你应该删除它......

关于html - 我的 CSS3 的间距/宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41143975/

相关文章:

html - 为什么背景图像在移动设备上不会改变?

javascript - 为什么我们还要在html中使用form元素?

javascript - 选择相关TD的行TH

css - css嵌套div的多种背景颜色

css - 3d 元素在 Firefox 中不起作用

html - 如何使样式颜色全局化?

javascript - 从本地存储检索数据时如何将数据转换为不同类型

javascript - HTML、CSS、JS 意外结束输入错误

html - 当 flex div 的 1 项在另一个 flex div 中时,如何一直正确地 flex 它?

html - 如果页面上没有文本,PHP/CSS 页脚将不会停留在页面底部