• css7---浮动定位,对齐(float,align)


    float,浮动

    在元素的水平方向,left,right进行浮动,直到外框碰到父边缘框或者另外一个浮动元素的外框

    浮动对前面元素没有影响,后面的元素会围绕它,右浮动,后面元素将围绕在它左边,左浮动,后面元素围绕在它右边

    当一个元素浮动之后,不会影响到 块级框的布局而只会影响内联框(通常是文本)的排列,文档中的普通流就会表现得和浮动框不存在一样,

    当浮动框高度超出包含框的时候,也就会出现包含框不会 自动伸高来闭合浮动元素(“高度塌陷”现象)。顾名思义,就是漂浮于普通流之上,像浮云一样,但是只能左右浮动。
    正是因为浮动的这种特性,导致本属于普通流中的元素浮动之后,包含框内部由于不存在其他普通流元素了,也就表现出高度为0(高度塌陷)。在实际布局中,往往这并不是我们所希望的,所以需要闭合浮动元素,使其包含框表现出正常的高度。 

    几个浮动元素相邻,如果有空间,则彼此相邻,如果空间不够,则换“行”浮动

    清除浮动,用clear

    对齐

    包括 文本对齐,元素对齐两种

    用法举例:

    中心对齐:使用margin属性

    margin:auto;
    70%;

    左右对齐:使用position属性

    position:absolute;
    right:0px;
    300px;

                  使用float属性

    float:right;
    300px;

  • 相关阅读:
    多层动态库的编译及使用
    gxx -L和/etc/ld.so.conf的理解
    cmake 创建并调用动态库和静态库
    cifX驱动安装及SYCON.net的使用
    企业号新手指引
    转:Python正则表达式指南
    Windows平台安装Beautiful Soup
    微信企业号、订阅号、服务号之间有什么区别和不同
    常见HTTP状态(304,200等)
    微信内置浏览器对于html5的支持
  • 原文地址:https://www.cnblogs.com/kaililikai/p/5787052.html
Copyright © 2020-2023  润新知