关于无序列表一行显示问题,或者说是选择器的问题。
我现在想达到下图中右侧的效果,就是登陆注册等等在一行显示。
我打算先用ul无序列表先达成这个效果
然后再加上 float:left
这样就可以达到预期效果
然后我就出问题了。我觉得代码如果这么写,也就是把float:left放到 #header ul li a中应该是一样的效果,可是却不是,我不明白这里是为什么?
我不知道是不是我对选择器的理解不够,这个问题我又不知道怎么搜。。
关于无序列表一行显示问题,或者说是选择器的问题。
我现在想达到下图中右侧的效果,就是登陆注册等等在一行显示。
我打算先用ul无序列表先达成这个效果
然后再加上 float:left
这样就可以达到预期效果
然后我就出问题了。我觉得代码如果这么写,也就是把float:left放到 #header ul li a中应该是一样的效果,可是却不是,我不明白这里是为什么?
我不知道是不是我对选择器的理解不够,这个问题我又不知道怎么搜。。
我现在稍微知道出问题的点是我没有理解:块级元素和内联(行内)元素之间的区别。内联元素不能设置浮动。行内元素:元素在一行内水平排列,高度由元素的内容决定,height属性不起作用。但我在一篇文章又看到内联元素可以转化块级元素,如display,但好像还是不能达到效果。如果对此问题有很好理解的大佬还请赐教。
10 回答11.1k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
5 回答1.9k 阅读
在
li
上加float
表示,所有li
在其容器(ul
)中水平浮动排列在
li a
上加float
表示a
在其窗口li
中水平浮动排列,但是li
在其容器ul
中仍然是默认排列,也就是从上到下