我试着根据你的描述做一个演示(没有透露治愈癌症的方法).不确定我是否理解正确,但这就是你所追求的吗?
http://jsbin.com/hekimije/1/edit(jsFiddle下来:-()
如果是这样,请允许我解释,因为它实际上非常简单:
>在你的h1和ul周围添加一个包装器
>将其向左浮动以使其占用其内容的宽度
>给它一个相对位置,这样你就可以用它来定位你的ul
>定位ul绝对值
>给它左右为0,使其宽度与其父级相同
>给它一个100%的顶部,从它的父母的底部边缘开始
这种方法确实可以提升文档流的ul,但是对于通常需要的下拉列表,所以它不应该是一个问题.
和完整的代码:
HTML
Some title
- item 1
- item 2
减
#title-wrapper {
float: left;
position: relative;
ul {
position: absolute;
top: 100%;
left: 0;
right: 0;
}
}
jsBin中的所有其余代码只是为了让事情更好看.您可以更改标题的长度,然后您会注意到ul.显然你必须悬停标题才能看到ul,毕竟它是一个下拉列表…