zoukankan      html  css  js  c++  java
  • 定位特殊特性

    绝对定位和固定定位也和浮动类似。

    1.行内元素添加绝对或者固定定位,可以直接设置高度和宽度。

    2.块级元素添加绝对或者固定定位,如果不给宽度或者高度,默认大小是内容的大小。

    前面我们讲过, display 是 显示模式, 可以改变显示模式有以下方式:

    • 可以用inline-block 转换为行内块
    • 可以用浮动 float 默认转换为行内块(类似,并不完全一样,因为浮动是脱标的)
    • 绝对定位和固定定位也和浮动类似, 默认转换的特性 转换为行内块。

    所以说, 一个行内的盒子,如果加了浮动固定定位绝对定位,不用转换,就可以给这个盒子直接设置宽度和高等


    脱标的盒子不会触发外边距塌陷

    浮动元素、绝对定位(固定定位)元素的都

    发外边距合并的问题。 (我们以前是用padding border overflow解决的)

    也就是说,我们给盒子改为了浮动或者定位,就不会有垂直外边距合并的问题了。

  • 相关阅读:
    不用加减乘除做加法
    求1+2+3+...+n
    孩子们的游戏(圆圈中最后剩下的数)
    扑克牌顺子
    翻转单词顺序列
    左旋转字符串
    和为S的两个数字
    和为S的连续正数序列
    毕设进度12
    毕设进度11
  • 原文地址:https://www.cnblogs.com/NB01/p/15501331.html
Copyright © 2011-2022 走看看