html如何追加兄弟元素,html – 仅使用CSS使相邻的兄弟元素具有相同的宽度

我试着根据你的描述做一个演示(没有透露治愈癌症的方法).不确定我是否理解正确,但这就是你所追求的吗？

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,毕竟它是一个下拉列表…