css - 顶部分区的溢出影响其下方分区的属性

标签 css html overflow

我是 CSS 新手。我创建了 4 个主要的 divheaderbodybgnav 和主要内容。

我为 #nav div 定义了属性,它看起来很棒。现在我想在其上方的 div 中创建一个 jQuery slider ,即 #bodybg,但是当我作为第一步创建一个 div #wrap#bodybg 中并尝试在其上放置 3 个图像,我的导航栏受到影响:它不再具有其属性并且看起来像一个普通的元素列表。

现在,当我从 3 个图像中删除 2 个图像时,它变得很好。在 #wrap 的 CSS 中,我添加了 overflow:hidden 但这反而使 #nav 完全消失或隐藏。

我元素的工作状态:http://estheticdentalcare.co.in.white.mysitehosted.com/HTMLpage.htm

那是在我在 #bodybg 中添加 #wrap div 和其中的三个图像之前。

最佳答案

嗨,我不确定你想做什么,但如果你想做的话。但这里有一个链接。

要确保所有图像 div 都在同一行,请使它们左对齐。并确保你的数学没问题。如果你的宽度比实际的容器 div 大,它会跳到两行,如果你隐藏了溢出,图像将刚好在你的容器之外。

http://jsfiddle.net/etienne_carre/W5n4Y/1/

关于css - 顶部分区的溢出影响其下方分区的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8556586/

相关文章:

JQuery Fancy Box 文本溢出

html - 我怎样才能将数组中的对象放在彼此下面而不是彼此相邻?

css - 具有最小高度百分比的父容器,具有百分比高度的子容器,不起作用

c - 减法溢出行为

javascript - 如何在移动设备上自动播放 HTML5 视频

jQuery Mobile 主题不再有效?

Java 将负整数转换为 double 会给出错误的结果

javascript - DOM 背景颜色传播闪烁继承 Google Chrome 中的初始背景颜色,使用主题切换来重载主体背景颜色

html - 背景附件 : fixed - Reverse scroll?

css - 使用浏览器显示调整图像大小