css
m0_49471668
这个作者很懒,什么都没留下…
展开
-
子元素使用position:fixed,导致他的宽度不能和父元素保持一致的解决方案
3、absolute改造;因为fixed也相当于是定位的一种,所以我们当然也可以用left和right来进行定位了,然后将left的值扩大,同时将width的百分比减少,从而使得son和demo的宽度达到一致,从而起到一种视觉上的欺骗效果。最近在编码过程中,遇到过这样一个问题,代码如下,我们有一个父级,他有一定的宽度,在他的里面有两个子级,其中一个是绝对定位的,且要求他们的宽度都和父级保持一致,然后问题就出现了,我们会发现,有了定位的son他的宽度远远的超出了我们父级的宽度,那么问题是怎么引起的呢?原创 2022-12-27 15:44:52 · 2961 阅读 · 2 评论 -
使用absolute定位,再使用margin 不生效,换成left,right就好
position:absolute; overflow: hidden; top:242px; left: 10px; right:10px;原创 2022-11-29 22:53:04 · 439 阅读 · 0 评论 -
flex布局 一行显示两个同宽、高的盒子 并 可以换行
2. 子元素通过 min-width规定,最小宽度,这样盒子就不能一直弹性的缩小下去了,就会产生换行的效果,记得设置flex1。1. 父元素设置flex布局,宽度100% ,并允许换行。小程序移动端项目,布局为每行两个元素,每列无限制。...原创 2022-08-31 17:04:45 · 8032 阅读 · 0 评论 -
【CSS系列】被忽略的content属性
CSS的 属性,大家应该都不陌生,很多时候我们都使用过,一般情况下你看到最多的用法无外乎这样两种:一种用于清除浮动,一种用于我们经常使用的字体图标。CSS 的 属性用于在元素的 和 伪元素中插入内容。使用 属性插入的内容都是匿名的可替换元素。...原创 2022-07-25 19:10:05 · 261 阅读 · 0 评论 -
CSS 使用calc()获取当前可视屏幕高度
calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持 "+", "-", "*", "/" 运算;calc()函数使用标准的数学运算优先级规则;所以,只需设置div的高度height为calc(100vh)即可,100vh = 视窗高度的100%,例子:div {width: 100%;height: calc(100vh);}原创 2022-03-15 17:06:02 · 921 阅读 · 0 评论 -
水平垂直居中
<style> .wrap { width: 600px; height: 600px; border: 2px solid purple; } .item { width: 150px; height: 150px; background-color: seagreen; }...原创 2022-03-15 15:09:55 · 4545 阅读 · 0 评论 -
CSS文字闪烁效果
css3 实现文字闪烁效果的三种方式_冉冉胜起博客-CSDN博客_css文字闪烁效果原创 2022-03-09 11:11:28 · 1547 阅读 · 0 评论