關于vertical-align的問題，7-3的例子里，只是對“box”樣式的div設置了vertical-align，label又不在div里面，為什么影響的卻是label元素里的文本？
.box {
? display: inline-block;
? width: 30px;
? height: 30px;
? margin-right: 10px;
? position: relative;
? background: orange;
? vertical-align: bottom;
? border-radius: 100%;
}
2017-10-10
?vertical-align:屬性定義行內元素的基線相對于該元素所在行的基線的垂直對齊。
? vertical-align: bottom;把元素的頂端與行中最低的元素的頂端對齊。
即：把input的復選框的頂端與行中<label>里的文本的頂端對齊。
不知道我說的你明白了嗎？
2017-03-22
<label> 標簽為 input 元素定義標注（標記）。
其中label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
(<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。)