zoukankan      html  css  js  c++  java
  • 浮动、版心布局

    浮动 float:left/float:right

    1. 标准流(文档流):元素按部就班按照自身的特性排列。
    2. 浮动:元素会脱离标准普通流的控制,移动到指定位置的过程
    3. 结论(浮动的特征):
      1. 浮动后的元素会脱离标准流,漂浮在其他没有浮动的盒子上边
      2. 浮动后的元素不占有原来的位置
      3. 浮动后的两个块状元素会在同一行显示
      4. 浮动后的元素不会超出父元素的范围
      5. 浮动后的元素自动的转化为行内块元素
      6. 浮动后的元素不超过父元素的内边距

    版心布局

    1. 版心定义:网页主体内容所在的区域
    2. 布局流程: 由外到内,由大到小
      1. 确定页面的版心(可视区域)
      2. 分析页面中的行模块,以及行模块中的列模块
      3. 制作HTML结构
      4. css初始化,然后通过盒子模型的原理,通过div+css布局来控制网页的各个模块。
    3. 布局分类
      1. 一列宽度且居中
      2. 两列左窄右宽
      3. 通栏平均分布型
  • 相关阅读:
    2020年“安洵杯”四川省大学生信息安全技术大赛 Misc WP
    整数划分问题
    二叉树根节点到叶子节点的所有路径和
    java正则表达式
    搜狗笔试
    跟谁学0923笔试
    360 笔试0926
    度小满0920
    TreeMap 常用函数
    达达0920
  • 原文地址:https://www.cnblogs.com/hjcby/p/13514587.html
Copyright © 2011-2022 走看看