css
yezitoo
这个作者很懒,什么都没留下…
展开
-
CSS层叠上下文、层叠等级、层叠顺序、z-index
一个“片面”的理解 以往,由于自己使用z-index的频率不大,所以对这个CSS属性存在比较片面的认识。一直认为z-index就是用来描述定义一个元素在屏幕Z轴上的堆叠顺序。z-index值越大在Z轴上就越靠上,也就是离屏幕观察者越近。最后才发现这个认识存在很大的问题: 首先,z-index属性值并不是在任何元素上都有效果。它仅在定位元素(定义了position属性,且属性值为非static值的元素)上有效果。 判断元素在Z轴上的堆叠顺序,不仅仅是直接比较两个元素的z-index值的大小,这个堆叠顺序转载 2020-08-24 23:01:49 · 404 阅读 · 0 评论 -
css 左边固定宽度,右边自动填充的布局,不用flex
<div class="left"></div> <div class="right"></div> <style> .left{ position: relative;float: left;width:200px; } .right{ position: relative;overflow: hidde转载 2018-09-07 15:38:15 · 692 阅读 · 0 评论 -
CSS解决高度自适应问题
高度自适应问题,我很抵触用js去解决,因为不好维护,也不够自然,但是纯用CSS,难度不小,比如下面我要说的例子。 需求: 1. 这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条 2. 绿色部分高度固定,比如50px 3. 紫色部分填充剩余的高度 HTML结构暂且如下: div id="main">转载 2017-08-21 11:11:46 · 408 阅读 · 0 评论