好像用绝对定位可以做到，文字放在一个div中，对这个div绝对定位，固定下面，bottom：0或者一个数，高度自适应。
网站建设、网站制作介绍好的网站是理念、设计和技术的结合。创新互联建站拥有的网站设计理念、多方位的设计风格、经验丰富的设计团队。提供PC端+手机端网站建设，用营销思维进行网站设计、采用先进技术开源代码、注重用户体验与SEO基础，将技术与创意整合到网站之中，以契合客户的方式做到创意性的视觉化效果。
改后结构： 文字 下面内容 望采纳，请试试。
ul定位为position：absolute，bottopm：0px，height：auto ul上层的div为position：relative，高度比ul 略高（高出鼠标悬停时li的高度增加量）。剩下的就是li鼠标悬停时高度变高。呃，简单的实现了一下，有问题hi联系。。
如果是div的话就用css里面的min-height：300px；表示这个表格的最小高度是300像素，最大无限 如果是table的话，直接在内容td里面写一个就OK了。
假设文字”第4天...是放在div当中，那么你直接将这个div加上border-bottom：solid 1px #ddd；就可以了。这样文字变高灰色线也就会向下了。如果你希望灰色线不动。那么你只能控制文字的长度了。
在电脑上打开软件，新建一个html文件，在head部分，编写css样式， list-style-type： none；是除掉导航前面默认带的点，li a，li a.active ，li a：hover：not(.active) 设置鼠标滑到导航栏的颜色变化。
一般来说弹出和拉出的菜单都是用JS实现的，因为这属于行为的范畴，CSS只负责外观显示。如果非要用CSS实现的话也可以，做一个链接的伪类 a：hover 然后修改菜单长宽和位置。
tools 中不断的试验看效果，合适时就保存下来成为一个 CSS 文件就好了。比如 Google Chrome 浏览器中就可以像图片中这样调试 CSS，在 elementl.style 中调整我们的 CSS 看效果（先用 放大镜来选中一个元素节点）。
可以。用CSS可以做到。但是CSS3在IE9以下的浏览器支持不好。
纵向导航菜单也是网站应用中的一种重要形式，所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。
新建一个html文件，命名为test.html，用于讲解html如何将一个div置于最上层。在test.html文件内，使用div标签创建两个模块，并分别设置它们的id为testone，testtwo。
方法：设置div样式 z-index ：auto auto可定义为一个值(整数数字)，越大代表越置前，如可定义为：z-index：999。前提是div是定位元素。
在电脑上打开软件，新建一个html文件，在head部分，编写css样式， list-style-type： none；是除掉导航前面默认带的点，li a，li a.active ，li a：hover：not(.active) 设置鼠标滑到导航栏的颜色变化。
可以自行修改至合适的高度。（2）然后在css文件里面增加这个属性：这样就差不多完成了。讲下这个js的意思，判断下拉到一定高度的时候，给导航栏的div插入一个”fixednav“属性，然后给”fixednav“加上固定在顶部的参数。
padding-top： 0；设置div中无填充，对象置顶。
z-index属性只能用于定位元素，虽然你的黑色div有定位(fixed)，但棕色和白色div没有定位的话，对他们两不起作用。
