![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 52
css
陈梵阿
这个作者很懒,什么都没留下…
展开
-
子元素设置浮动后,父元素高度为0的解决
子元素设置浮动后,如果父元素没有给定高度,则会引起父元素的高度为0。 <div class="father"> <div class="son1"></div> <div class="son2"></div> </div> /* 子元素设置了浮动 */ .son1 { background-color: powderblue; float原创 2021-01-29 11:15:57 · 2121 阅读 · 0 评论 -
css3盒模型
box-sizing:content-box;和box-sizing:border-box;的差别:box-sizing: border-box;写了这句话后padding值不撑开盒子,border也不会使盒子变大,cs3新添加属性。即盒子大小为宽度div:first-child { /*盒子大小为width+padding+border*/ width: 2...原创 2019-11-13 23:48:26 · 250 阅读 · 0 评论 -
固定绝对定位模式转换
元素添加了绝对定位和固定定位之后,会转变为行内块元素。/* 元素添加了绝对定位和固定定位之后,会转变为行内块元素 */ .father div:first-child { height: 2rem; background-color: green; } .father div:nth-child(2) { h...原创 2020-01-18 23:31:04 · 468 阅读 · 0 评论 -
display visibility 和overflow
display显示:none隐藏对象block显示,转换为块级元素特点:隐藏之后,不再保留位置visibility可见性:visible对象可视hidden对象隐藏特点:隐藏之后继续保留原有位置overflow溢出:visible默认的,超出显示auto自动,超出就显示滚动条,不超出就不显示滚动条scroll一直显示滚动条hidden超出部分隐藏<!DOCTYPE ...原创 2020-01-19 19:03:55 · 191 阅读 · 0 评论 -
浮动实现多个div盒子同行显示
浮动实现3个甚至多个div盒子在同一行显示。使用display时,将div转换为行内块元素,可以实现多个div在同一行显示。但是元素之间存在空隙,因此建议采用浮动实现。/*此处采用display将块级元素转换为行内块元素*/div{ width: 200px; height: 200px; background-color: pink; ...原创 2019-11-15 16:54:11 · 2912 阅读 · 0 评论