在仿写页面导航栏时,会发现自己的内外边距的数值是和页面一样的,但实际看起来好像多了几像素。如图所示:
还没有安装gif的软件(凑合看下)
被仿写页面的数值
自己写页面的数值
数值是一模一样的 但出现的效果却不一样
可以把这种情况理解为 文字与文字直接是有缝隙的 (可以把一个完整的a标签看做一个文字)
解决办法：1.造成这种情况的原因是文字之间的缝隙，那么我们直接给a标签的父元素直接设置font-size：0；即可。
注意：直接给父元素nav设置font-size：0；因为css继承，所以子元素所有文字大小都被设置了font-size：0；
文字都会消失不见，还得在a标签内部添加font-size：12px 也就是本来的字体大小。
2.给元素添加浮动属性即可----注意要考虑父元素高度塌陷 如果父元素产生高度塌陷 给父元素添加overflow:hidden；
解决高度塌陷。
看一个用float解决的案例(input行内块 但是原理和行内元素一样)
给俩个input 添加float浮动后
