css
前端图形
这个作者很懒,什么都没留下…
展开
-
关于html,body{height:100%}的理解
有时候你看到别人写css代码的时候会发现:html,body{height:100%}首先我们先看下w3c 对于height的定义 :首先这个height:可能为百分数 就是相当于包含块的高度,如果为1个div没有设置宽度和高度呢. 不可否认的是,div会继承父元素的宽度100%,但是高度不会.如果div里面有文字就是内容撑开高度. 我们现在考虑的是div里面没有文字.<!DOCTY...原创 2019-10-27 14:53:32 · 4786 阅读 · 6 评论 -
用flex实现css经典布局------圣杯布局
圣杯布局:圣杯布局就是上下定高,中间自适应。中间左右的定宽但是高度自适应。首先在讲圣杯布局之前,问你一个问题 flex:1 你是否真正的理解?首先flex:1 时是 flex-basis:0 flex-grow:1 flex-shrink:1好的我们一一来讲下 flex-basis:0 首先代替的是flex项目中的宽度,什么意思呢 就是给一个项目中同时设置 宽度和 flex-basis...原创 2019-10-26 16:46:12 · 3835 阅读 · 1 评论 -
css用浮动的方法让div在同一行
浮动:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。如果在页面中输入了3个div 标签,因为div是块级元素,所以这3个div各占一行,但是你为第一个div设置了float:right; 浮动是第一个div脱离就正常的文档流,所以第一个div的位置空间 也就空了出来,下面两个div...原创 2019-08-11 15:42:33 · 2823 阅读 · 0 评论 -
子元素浮动对父元素的影响(高度塌陷)
出现原因:父元素没有设置宽度和高度,完全是由子元素内容撑起来的,一旦子元素浮动也就是脱离文档流。浏览器渲染时,就好像父元素里面没有内容了。所以就会出现高度塌陷问题。解决方案.给父元素设置height给父元素设置 overflow:auto/hidden设置父元素 浮动 float:left/right在所有子元素后面加一个空的table 标签 然后为其设置 clear:both...原创 2019-09-08 20:43:21 · 2236 阅读 · 0 评论 -
关于css3中 media support calc 属性的用法
1. calc属性注意运算符前后都需要保留一个空格,Calc(函数表达式 例如100%-15px)应用于不知道父元素的宽度时,但是又想保证子元素的宽度不能超多父元素可以设置 calc 属性 100% 表示继承父元素内容宽度的100%2. Support属性CSS中的@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持...原创 2019-10-01 23:15:48 · 507 阅读 · 0 评论 -
理解 CSS 布局和 BFC
https://blog.csdn.net/qq449245884/article/details/94427403转载 2019-10-01 23:34:55 · 104 阅读 · 0 评论