![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
qq_35501580
这个作者很懒,什么都没留下…
展开
-
css中的BFC
在讨论BFC的特点之前,先得了解一下边距重叠问题。父子元素边距重叠:当父元素为非BFC时,第一个子元素的margin-top会重叠到父元素的margin-top。<body><section> <style> #bfc3{原创 2019-01-03 22:20:49 · 996 阅读 · 0 评论 -
css布局方式
表格布局 根据display的表格属性来进行布局。table,table-row,table-cell flex布局 flex布局 grid布局 grid布局 浮动布局 绝对定位布局原创 2019-01-03 22:35:53 · 75 阅读 · 0 评论 -
css中margin为负值的情况。
margin为负值会导致元素产生偏移。文档流中的元素设置margin-bottom为负值之后,会让后面的元素向上流动填充margin的空间。三个例子说明:1. <div style="height: 400px;margin-top: 50px;position: relative;border-bottom: 1px solid rgba(0,0,0,0);overflow...原创 2018-12-30 21:51:35 · 1811 阅读 · 0 评论 -
前端概念的一些理解
static,无定位的元素,块级元素从上到下,内联元素从左到右排列。相对定位置元素,在没有设置top等定位属性时,按照文档流进行排列。设置top等属性之后,会相对自身原来的位置进行定位。绝对定位元素,会脱离文档流,不会影响到文档流中的元素。会覆盖掉无定位的元素(正常文档流的元素)。浮动元素,也会脱离文档流,不会影响文档流其他元素的位置。浮动元素会在z轴推进一层,可覆盖掉文档流中的元素,但是...原创 2018-12-30 22:06:33 · 155 阅读 · 0 评论 -
css选择器及优先级
后代选择器div p :选择div元素里面的所有p元素子选择器div > p : 选择父元素为div的所有p元素同胞选择器div + p : 选择所有紧跟在div之后的p元素组选择器div,p : 选择所有的div和p元素共同选择器div.name : 选择所有类名为name的div元素。即同时满足此外还有id选择器#id,伪类选择器div:hover...原创 2019-01-01 16:26:27 · 218 阅读 · 0 评论 -
hover防止抖动
hover会加上一个border-bottom样式,但是会产生抖动,解决办法是:在非hover的样式上加上一个和背景色相同的border-bottom样式。原创 2019-04-25 10:09:16 · 2015 阅读 · 0 评论 -
弹出框防止里层滑动
这样做会导致页面直接返回顶部,可以计算出弹框时body的scrollY,在弹框时将top值设置为scrollY的值即可防止页面返回顶部。原创 2019-05-14 15:18:46 · 166 阅读 · 0 评论 -
1px边框过粗解决方案
将容器宽高设为原宽度的两倍,然后缩小50%;边框宽度变为0.5px。.wsyyt_info .main-account-label { position: relative; display: inline-flex; height: 3.2rem; width: 3.2rem; border: 1px solid #3381E3; border-...原创 2019-05-15 15:30:52 · 965 阅读 · 0 评论