zoukankan      html  css  js  c++  java
  • 浮动

    一、标准文档流:
    1.指元素根据块级元素或行内元素的特性按从上到下,从左到右的方式自然排列,默认的排序方式。
    二、块级元素:
    div,p,列表:宽度默认为浏览器的宽度,可以单独设置宽和高
    三、行内元素:
    span,a,img:宽度默认为内容的宽度,不可以单独设置宽和高
    重点:1.行内元素转换为块级元素:display:block;
    2.块级元素转换为行内元素:display:inline;
    3.将两个元素从左到右排列:display:inline-block;
    四、display的特性:
    1.可以将行内元素转换为块级元素,反之也可以。
    2.既可以显示行内元素的特性,也可以显示块级元素的特性。
    3.设置元素的隐藏
    五、浮动:
    1.left:元素左浮动
    2.right:元素右浮动
    3.none:元素不浮动,默认值。
    六、解决父元素塌陷问题:
    1.设置父元素的高(不推荐使用)
    2.在父元素中新加一个空的div,设置该div清除浮动。
    3.设置父元素的overflow属性。
    visible:默认值,内容不会被修剪,会呈现在盒子外
    hidden:内容会被修剪,并且其余内容是不可见的
    scorll:内容会被修剪,但是有滚动条
    auto:如果内容内容被修剪,则浏览器会显示滚动条以便查看其余的内容

  • 相关阅读:
    Python 数据处理 正则匹配,清洗脏数据
    Pycharm自用激活码
    编程杂谈 集群与分布式
    win10 向右键添加管理员级CMD
    win10 笔记本键盘永久屏蔽Numlk键
    Golong 环境搭建
    python 各种锁机制归纳整理
    MySQL数据库操作
    Web框架本质
    Django框架
  • 原文地址:https://www.cnblogs.com/a1111/p/12815975.html
Copyright © 2011-2022 走看看