zoukankan      html  css  js  c++  java
  • 二、框模型的范围

    简介:设置各种框的高度宽度,使之成为设定尺寸,收缩适应到内容或拉伸到最大尺寸的框。

    设定尺寸:手动设置元素的高度和宽度;

    收缩适应:将元素的宽度或高度缩小为其内容尺寸;

    拉伸:将元素的宽度和高度拉伸到容器的各边;

    1、         宽度:auto  可以横向收缩以下类型的框:行内型、行内块级型、浮动型、表格型、和绝对型(left 和right均为auto 时);当横向拉伸块级框和绝对框(left和right均为其他值,如0);

    绝对元素横向收缩时  例 {position:absolute;auto;left:0;right:auto;}

    绝对元素水平拉伸    例{position:absolute;auto;left:0;right:0;}

    Width:+value   指定像素、em、百分数、或其他固定度量值,设置元素的宽度

    Width:%100   将元素拉伸到其父元素的宽度,此时有局限性,可能使元素超出父元素。

    2、         宽度:height:auto  可以纵向收缩以下类型的框:行内型、行内块级型、块级型、浮动型、表格型、和绝对型(top和bottom均为auto 时);当纵向拉伸绝对框(left和right均为其他值,如0);

    绝对元素纵向收缩时    例 {position:absolute;height:auto;top:0;bottom:auto;}

    绝对元素垂直拉伸    例{position:absolute;height:auto;top:0;bottom:0;}

    Width:+value   指定像素、em、百分数、或其他固定度量值,设置元素的高度

    Width:%100   将元素拉伸到其父元素的宽度,此时有局限性,可能使元素超出父元素。

  • 相关阅读:
    Linux 操作文件目录
    前端HTML所遇到的报错
    【剑指offer】最小的k个数
    【剑指offer】数组中出现次数超过一半的数字
    【剑指offer】栈的压入、弹出序列
    【剑指offer】二叉树的镜像
    【剑指offer】反转链表
    【剑指offer】数值的整数次方
    【剑指offer】重建二叉树
    【剑指offer】旋转数组的最小数字
  • 原文地址:https://www.cnblogs.com/liufangdekele/p/5765256.html
Copyright © 2011-2022 走看看