CSS - 导航栏布局

内联元素与块级元素

今天踩坑里了,这两家伙,终于见识到真面目.我得反思下哪些是块级元素,行内元素.

1. Block 可设置宽度,高度,占一行.
2. inline 没有高度,不能独占一行,宽度由内容撑开
3. 二者可以互相转换
4. inline-block: 可设置宽度,高度,和其他 元素在一行

HTML中的块级,行内元素

• block: <div> <p>、<h1> <h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form>
• inline: <a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
• inline-block: <img> <input>