博客地址
这篇博文主要记录日常开发或者收集到的一些常见前端问题和相应解决方案。
1. 在多个行内元素排成一行时,元素之前存在间隔
原因分析:换行符、tab(制表符)、空格产生间隙
解决方案:
- font-size设为0
- 元素写成一行
2. a便签下的img有padding5px的效果
解决方案:
- img的display设置为block
3.水平居中跳动的问题
原因分析:滑动块导致
解决方案:
-
html标签设置
overflow-y:scroll;
html{
overflow-y:scroll;
}
caontainer{
padding-left:calc(100vw - 100%); 100vw浏览器宽度 100%可用内容宽度
}
4.内部绝对定位,overflow失效
原因分析:绝对定位元素不总是被父级元素overflow属性剪裁,尤其当overflow在绝对定位元素及其包含块(含position:relative/absolute/fixed
声明的父级元素)之间的时候。
解决方案:父级元素设为包含块