zoukankan      html  css  js  c++  java
  • margin对布局的影响

    双飞翼布局:中间固定,两端自适应

    圣杯布局:中间自适应,两端固定

    margin是外边距,属性值是数字,数字又分正负

    整数:margin:20px;说明上、右、下、左外边距都是20px;

    负数: 在static元素中(标准流下)margin-left为负数当前元素向左走,margin-top为负数当前元素向上走

        Margin-bottom为负数后当前元素不动后面的元素向上走,margin-right为负数当前元素不动后面的元素向左走

    注意:margin为负会增大当前元素的宽(前提是当前元素没有设置width)

         在float下,给元素margin-left为负当前元素向左走,margin-right为负后一个元素向左走会覆盖当前元素

        在absolute下,margin为负,让元素居中,前提是知道元素的宽高。

    Margin为负无论在什么条件下都是释放自己的空间,如果自己的margin不够,就把自己的宽高贡献出去。

  • 相关阅读:
    Vue插件配置和 后台交互
    Vue项目环境搭建
    数据结构之链表
    数据结构之线性表顺序结构
    leetcode-- Longest Common Prefix
    数据结构之拓扑排序
    数据结构之shell排序
    数据结构之插入排序
    leetcode
    leetcode
  • 原文地址:https://www.cnblogs.com/liancai001/p/9794179.html
Copyright © 2011-2022 走看看