CSS入门 模仿网页笔记
导航栏设置–注意点
- 当子元素li设置浮动为左浮动时,会导致父元素高度坍塌,注意在父元素中补充
overflow:hidden;
闭合浮动。 line-height
设置行间距,用于撑开盒子高度
横向排列
制作导航栏时,需要横向排列三个div。
关于布局方法的问题,是使用display:inline-block;
还是浮动属性float,参考链接:css之使用display:inline-block;布局
解决过程中还了解到,inline-block的排列规则参考如下:
inline-block间距问题
解决办法:让水平间隙消失就是在父级上加font-size:0;
让垂直间隙消失,就在子元素上加vertical-align:bottom;
如果子标签内加上任意文字,则display:inline-block元素不会生成垂直方向有空白!