CSS 水平菜单

标签 css

我想要一个包含 6 个选项卡的菜单,其中 4 个选项卡在任何给定点都可见。我想使用 javascript 来控制这个 div 标签的视口(viewport)。我目前有 4 个选项卡显示,但我没有看到视口(viewport)右侧的其他选项卡(我应该看到它们给定选项卡的宽度)...是 overflow:hidden不是我应该做的?

#sub-navigation .tabs {
position: absolute;
overflow: hidden;
float: left;
width: 808px;
left: 34px;
}

最佳答案

overflow: hidden 将隐藏容器区域之外的任何内容。如果您希望容器区域之外的内容可见,您应该使用 overflow: visible

虽然很难从你的问题中准确判断出你想要做什么。

关于CSS 水平菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6039514/

相关文章:

jquery - 要添加什么 jquery,以便 <li> 的背景在悬停在子元素(a div)上时保持突出显示

html - 表单输入框在 Internet Explorer 8 上没有水平排列

html - Firefox 和 chrome 默认边框

javascript - CSS 特异性击败内联 !important

jQuery bootgrid 插件——设置列宽

css - 从 1st 到 4th 选择第 n 个 child

css - 在 Sapper 中使用 rem 单位的相对大小

javascript - 具有 div 类的图形动画和使用 javascript 的 sleep 功能更新未同步完成

php - 将 blade.php 文件链接到 CSS laravel 5.x

css - Java FX TitledPane .title CSS 选择器