工作原理:浮动元素不在文档流中,不占用空间。当浮动元素到达现有边界或浮动元素的边界时停止。 影响:浮动会导致父元素未打开,导致与父元素相同的元素。 与浮动元素同级的非浮动元素,如果是块级元素,会移动到该元素下方,块级元素中的行内元素会包围浮...
1。添加父级高度(此方法可扩展性较差,但兼容性较好)2。浮动/启用父级的绝对定位/固定定位3。溢出:隐藏4。清除空标签,可扩展性差,多余的dom元素,不利于后期维护5。添加 ,可扩展性差,多了dom元素,不遵循结构风格要求6。在顶部添加伪...
BFC(块格式化上下文)代表“块级格式化上下文”。它创建一个独立的渲染区域(不影响外部元素,也不受外部元素影响)。它的生成有以下规则: 内盒连续放置在垂直盒子中 垂直盒子内内盒之间的距离是margin确定的。同一 BFC 的相邻盒子重叠 每...
1。已知固定宽度和高度元素.parent { position: relative; } .child { width: 300px; height: 100px; padding: 20px; po...
为不同的浏览器编写不同的css代码的过程就是一个css hack,例如#text { background-color:yellow /*ie8*/ +background-color:yellow /*ie7*/ _back...
1。 px值是固定的,很容易计算。 2、em的值不固定。 3. Em 将继承父级的字体大小。如果使用 rem 设置元素的字体大小,它仍然是相对大小,但它仅相对于 HTML 根元素。这个单位可以说结合了相对尺寸和绝对尺寸的优点。通过它你可以...
alt(alt-text):对于无法显示图像、表单或小程序的用户代理,alt 属性用于指定替换文本,替换文本的语言由 long 属性指定。 title(tooltip):设置此属性的元素的建议信息。 src(源):用于在当前文档和引用的源...
为了学习CSS3的一些新属性,我对使用中的一些方法和问题做一个总结。 background-color在IE7之前,背景色只显示在padding区域,不包含边框。现代浏览器的背景色是从边框的左上角到边框的右下角。 background-co...
0。简介当我们编写CSS时,我们经常使用责任百分比(%)来实现自对齐。就像我们经常使用的流体布局设计模式一样,所有列宽都以% 来指定。或者比如我们经常遇到的元素水平居中和垂直居中的问题,我们经常使用下面的CSS代码来实现(变点+绝对): ....
css重点:Flex弹性布局的属性及用途:正常流(文档流)浮动+清除右位置+绝对显示负边距使用了这些属性设置一些页面自定义布局时要一起实现所需的页面,有点麻烦1 Flex模式简介Flex是Flexible Box的缩写,意为“灵活设计”1....