zoukankan      html  css  js  c++  java
  • 浮动与定位

    元素浮动属性:float:left(元素向左浮动),right(元素向右浮动),none(元素不浮动)

    清除浮动: clear:left(清除左侧浮动的影响),right(清除右侧浮动的影响),both(清除左右侧浮动的影响)。当子元素设置浮动时,如果不对其父元素定义高度,则子元素的浮动会对父元素产生影响。

    元素的定位

    1、定位模式

    position:static (自动定位) relative(相对定位)  absolute(绝对定位)  fixed(固定定位)

    relative:相对于自己为参照物进行定位。     

    absolute:相对于上一个已经定位的父元素进行定位,直到找到body为止。一级一级地向上找。

    fixed:相对于浏览器窗口进行定位。

    2、遍偏移:top(顶部) bottom (底部) left(左侧) right(右侧)。

    注意:1和2配合使用。{position:avsolute;left:2px;}。

    3.父元素相对定位(relative)不设置偏移量

    3.子元素绝对定位(absolute)设置偏移量

    z-index层叠等级属性

    当多个元素同时设置定位时。如果定位元素发生重叠,其取值可为正整数、负整数、0。z-index的默认值为0,取值越大,定位元素在层叠元素中上面。

  • 相关阅读:
    OpenWrt编译系统(1)之make之前
    IoT设备WiFi配网及现状
    Linux系统时间、时区、夏令时杂谈
    串口通信概念整理
    socket编程进阶之路
    段错误
    gitlab将分支代码合并到master上
    dpkg 管理二进制包
    linux 命令关闭网络
    pwn之exp问题反馈和ASLR认知
  • 原文地址:https://www.cnblogs.com/zhang1997/p/7503707.html
Copyright © 2011-2022 走看看