Question

在我的网页上有一个div，我放了一些标签。

问题在于低分辨率（如投影仪）或者如果我最小化浏览器的尺寸，右侧的标签会逐一消失......

包含所有这些标签的div有这个CSS：

.graMainMenuTabsSubPanel {
    display: inline-block;
    height: 51px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 50px;
    position: relative;
    width: 95%;
}

并且每个标签上都有以下css：

.graMainMenuTabSelected {
    background: url("../images/external/bg-tab-active.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-weight: bold;
    height: 100%;
    margin-left: 2px;
    margin-right: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 170px;
}

你能看到这个问题吗？

我认为我可以用min-width以某种方式修复主div，但它不起作用......

Answer 1

这是因为您已将宽度固定为 170px ，请尝试将其保持为百分比。我还没试过...... 尝试一下，如果它有效告诉我！

希望它有效！

Answer 2

将容器div的宽度更改为px而不是％，它可以正常工作！

主要标签在低分辨率下消失

2 个答案: