css学习
文章平均质量分 77
爱学习,爱笔记,爱阅读
钟阿能
因为热爱所以坚持!
展开
-
marign塌陷解决方案
一、什么是margin塌陷在标准文档流中,竖直方向的margin会出现叠加现象(水平方向不会塌陷),两个margin紧挨着,中间没有border或者paddingmargin直接接触,就产生了合并表现为较大的margin会覆盖掉较小的margin,竖直方向的两个盒子中间只有一个较大的margin,这就是margin塌陷现象先举个例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> &原创 2020-10-25 16:14:46 · 684 阅读 · 0 评论 -
清除浮动(高度塌陷)的方法及原理!
为什么要清除浮动?(清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题)1.如下,我给父盒子设置一个boder,内部放两个盒子一个big 一个small,未给big和small设置浮动,则他们会默认撑开父盒子2.当我给内部两个盒子加上float属性的时候顶部深蓝色盒子就会顶上来,然后父盒子因为没设置高度,变成一条线,big和small已经浮动了总结一下:当父元素不给高度的时候,内部元素不浮动时会撑开而浮动的时候,父元素变成一条线这时候很多人会想到新建原创 2020-10-25 16:09:58 · 998 阅读 · 2 评论 -
HTML元素居中的10大方式及原理
一、text-align:center;这个是没有浮动的情况下,我们可以先将要居中的块级元素设为inline/inline-block,然后在其父元素上加上属性text-align:center;即可。如果要居中的块级元素直接是内联元素(span、img、a等),直接在其父级元素上加上属性text-align:center;即可;二、margin:0 auto;前提:居中的元素必须是块级元素,如果是内联元素,需要添加属性display:block;而且元素不浮动。三、绝对定位+偏移(已知宽高,需计.原创 2020-10-25 16:02:35 · 5521 阅读 · 0 评论