css
柒仔不安
灼灼其华
展开
-
css问题之用百分比减去像素进行布局calc()
一、问题用百分比布局,因为有border,宽度会多出2px,怎么完美布局呢?二、解决刚开始以为只有用预处理器时才行,so,vue项目中用less进行了处理 .divWrap{ width: calc(~"(49% - 2px)"); /* less写法 */ }后来知道,calc()函数是css3新增的一功能,具有加(+)、减(-)、乘(*)、除(/)的功能,可以使用百...原创 2018-12-24 16:40:04 · 5722 阅读 · 1 评论 -
css问题之如何使div四个边框都有阴影
HTML<div class="isShadow"></div>css.isShadow{ background: #fff; box-shadow: #d4d2d2 0px 0px 10px; -webkit-box-shadow: #d4d2d2 0px 0px 10px; -moz-box-shadow: #d4d2d2 0px 0px ...原创 2019-04-03 14:53:57 · 2513 阅读 · 0 评论 -
CSS问题之两个dom标签设置 display: inline-block; 宽度正好,还是错位
问题红框中是两个平级的兄弟节点:设置css属性为:dom 渲染效果:错位解决修改css最后,昨天小程序是这个问题导致错位;今天PC Vue项目也是这个问题,还是在博客里记录下吧。...原创 2019-05-09 10:52:23 · 789 阅读 · 0 评论 -
CSS 中已设置的left属性清除
今天遇见这个问题,设置postion left=0,现在想改成right=0,但是样式覆盖不了,同时设置貌似left起作用。CSS 中现在有一个叫做 unset 的关键字,使用可以重置属性值 下面是其他讲解unset的链接,博主讲的挺棒:谈谈一些有趣的CSS题目(十五)-- 谈谈 CSS 关键字 initial、inherit 和 unset相关...转载 2019-06-05 16:59:38 · 2614 阅读 · 0 评论