美文网首页
4.CSS浮动

4.CSS浮动

作者: White夏天baby | 来源:发表于2020-09-22 10:17 被阅读0次

1.什么是DIV

     div是层叠样式表中的定位技术

    有时把DIV称为图层,更多时候称为块

溢出处理

css轮廓outline,outline的属性值  dashed虚线轮廓  dotted点状轮廓   solid实线   double双线,位于边框边缘外围

边框还有如下几种属性表示

float:inherit; /*该属性继承继承伟为使得DIV3继承父元素的浮动属性*/

块级元素宽高在未设定的情况下,宽度是上父元素的宽度,会获取子元素的高度作为自己的高度,若子元素高度为0,或没子元素,则高度是0,

子元素的浮动会引起父元素的崩塌,父元素中的overflow会解决塌陷现象

块状元素浮动,其独占一行的特性会消失

块状元素的浮动会对子元素有包裹的属性

float最初的目的是实现文字环绕的特性,发展成为也可以实现图片的并列显示

为不引起高度崩塌,有时会清除浮动

清除浮动的方法  在有浮动元素的最后添加一个带有clear:both;属性的元素      给父元素添加 overflow:hidden;和zoom:1;

我的网盘>前端入门第N次>CSS浮动

相关文章

  • 4.CSS浮动

    1.什么是DIV div是层叠样式表中的定位技术 有时把DIV称为图层,更多时候称为块 溢出处理 css轮廓...

  • 2020年9-10月份前端面试题总结

    css 1.css的盒子模型 2.div垂直水平居中的方法 3.css选择器的优先级 4.css如何清除浮动以及原...

  • vue滑动tabber居中显示

    1.html 2.初始化bar显示 3.点击事件 4.css

  • 浮动、清除浮动、闭合浮动

    1、浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素会脱离正常的文档流,不占据...

  • 4.CSS选择器

    基础选择器 想要将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务规则部分被称...

  • 4.css语法规则

    1.要使html标签有具体都样式,需要具备哪些条件? 1)代码正确,引入方式正确; 2)保证css代码和html代...

  • 4.CSS选择器

    1.上节补充:style标签写在head内(不必要给用户看) 2.CSS语法:选择器{属性名:属性值;} 【eg】...

  • 浮动与清除浮动

    原文地址:浮动与清除浮动 浮动 浮动的概念 浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素...

  • 浮动、清除浮动

    一、浮动属性有哪些属性值 float • left 元素向左浮动• right ...

  • 浮动,清除浮动

    一、浮动元素有什么特征?对其他浮动元素、普通元素、文字分别有什么影响? 浮动元素会浮动到左或右依次排列,直到空间不...

网友评论

      本文标题:4.CSS浮动

      本文链接:https://www.haomeiwen.com/subject/xjzkyktx.html