css
css学习使用过程中的总结
不_足
请多指教
展开
-
【css】滚动条webkit-scrollbar样式重置
【css】滚动条 -webkit-scrollbar原创 2022-11-16 13:50:33 · 1004 阅读 · 2 评论 -
【css】 overflow scroll 和auto的使用差别
overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。overflow 属性可设置以下值:visible - 默认。溢出没有被剪裁。内容在元素框外渲染hidden - 溢出被剪裁,其余内容将不可见scroll - 溢出被剪裁,同时添加滚动条以查看其余内容auto - 与 scroll 类似,但仅在必要时添加滚动条当我们需要做一个限制高度,带滚动条的容器时,一般会使用 scroll 或 auto ,但这两个在展示上具体有哪些区别呢?下面的代码是使用了scrol原创 2022-01-20 13:43:37 · 2654 阅读 · 0 评论 -
【css】flex:1一个神奇的存在
随着显示器的分辨率越来越高,响应式布局逐渐变成了基本需求。有些需求,会要求部分内容宽度固定,另一部分内容需要宽度自适应。之前在项目中,常常会使用 css 的计算属性,像是 calc函数width: calc(100% - 100px);这个确实也能解决这个问题,但计算宽度的时候还好,计算高度的时候,就需要去算一些数据,会比较麻烦,这个时候,发现了 flex布局中,flex设为1的时候的神奇效果。当我将左侧内容宽度设置为300,右侧内容flex设置为1,右侧内容的宽度会随着容器的宽度变化而自适应。原创 2022-01-20 15:24:54 · 805 阅读 · 0 评论