纯CSS解决锚点跳转偏移
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。
.div{
position:relative;
padding-top:50px;
margin-top: -50px;
}
完美兼容chrome和Firefox，其他浏览器未测试。
相关文章
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...
3种方法实现CSS隐藏滚动条并可以滚动内容
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计...
flex布局设置单个子元素靠右
父元素设置了flex 布局display: flex; align-items: center;如何让某个子元素靠右呢?方法一flex: 1; text-a...
实现checkbox 翻页后，仍保持选中状态
使用的技术 localStorage.setItem(key,val); localStorage.getItem(key); <input...
iframe背景透明设置方法
iframe的背景颜色在IE下为window的当前窗口颜色（默认白色，可以在显示外观处对其进行设置），这导致在大幅背景上插入iframe时，需要给它“透底”，可是IE不支持对iframe设置背景色，那...
CSS之文本两端对齐
说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...
发表评论
