一、父元素浮动,子元素也浮动,子元素可以撑开父元素。
我们在设置浮动属性时脑子里会自然的闪过清除浮动,但是我们会发现当父元素有浮动或者使用了绝对定位时,浮动的子元素是可以撑开父元素的,父元素会拥有子元素的高度,不在需要清除浮动。
子元素撑开父元素高度的原因是浮动和绝对定位能够触发元素的BFC,BFC机制里是计算浮动元素的高度的,所以造成浮动元素可以撑开父盒子的情形。
二、a元素里面放img问题
a属于行内元素,其高度宽度是由内容撑开的,但是我们发现a里面放img等行内块元素无法撑开a。但当将img转换成block之后你会发现,img不但可以撑开a元素,还不存在行内块元素对齐方式造成的影响。
a元素是行内元素,只能嵌套行内元素及文字,理论上不允许嵌套行属性元素,但是非要嵌套也是可以的,但最好将a转换成块元素,或者行内块元素。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。