复习之CSS（三）——重要属性float、、position

妖狐艹你老母 2022-05-12 15:18 203阅读 0赞

## float为浮动 ##

加上float属性div等标签排版会从竖向排列改成横向排序

float: left;/*左浮动*/
                float: right;/*右浮动*/
                float: none;/*不浮动*/
                float: inherit;/*继承父类浮动*/

## clear清除浮动 ##

clear: left;/* 元素左边不允许float浮动*/
                clear: both;/*全局不允许*/

## position ##

position: relative; 相对上个元素 相对位置  
position: absolute; 相对boy的原点相对位置  
position:fixed; 脱离标准流 绝对位置 相对窗口原点位置 不与页面元素滚动改变位置  
position:inherit; 继承父类元素  
z-index:-1 层级

.test1{
                width: 100px;
                height: 100px;
                background-color: #FF2F2F;
                position: relative;
                left: 0;
                top: 100px;
            }
            .test2{
                width: 100px;
                height: 100px;
                background-color: black;
                position: relative;
                left: 0;
                top: -50px;
            }

<div class="test1">
        3
    </div>
    <div class="test2">
        4
    </div>

#### 去掉点击事件 ####

style="pointer-events: none;" 
    $("#submit").attr("style","pointer-events: none;");
    		//$("#submit").attr("style", "display:none;");

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS基础复习之定位

如题定位定义元素框相对于其正常位置应该出现的位置，或者相对于父元素，另一个元素甚至浏览器窗口本身的位置。流定位浮动定位相对定位绝对定位固

￡神魔★判官ぃ/ 2022年09月26日 02:00/ 0 赞/ 241 阅读

相关 CSS复习之CSS固定宽度布局

今日目录 1、CSS布局 2、绝对定位法 3、浮动法一、CSS布局 ![70][]

Bertha 。/ 2022年05月25日 10:25/ 0 赞/ 269 阅读

相关 CSS复习之用CSS设置列表样式

今日目录 1、设置列表符号 2、设置列表图片符号 3、创建简单导航菜单一、设置列表符号 !

短命女/ 2022年05月25日 10:25/ 0 赞/ 344 阅读

相关 CSS复习之用CSS设置表格样式

今日目录： 1、设置表格的边框 2、设置表格的宽度 3、设置表格隔行还色 4、设置

秒速五厘米/ 2022年05月25日 10:23/ 0 赞/ 1050 阅读

相关 CSS复习之CSS盒模型

今日目录 1、盒模型基本概念 2、边框 3、内边距 4、外边距

﹏ヽ暗。殇╰゛Y/ 2022年05月25日 10:10/ 0 赞/ 208 阅读

相关 CSS复习之CSS高级特性

今日目录 1、复合选择器 2、CSS的继承特性 3、CSS的层叠特性一、复合选择器

港控/mmm°/ 2022年05月25日 08:51/ 0 赞/ 271 阅读

相关 CSS复习之CSS核心基础

今日目录 1、CSS基本语法 2、CSS基本选择器 3、在HTML中引入CSS的方法一、CSS

柔情只为你懂/ 2022年05月25日 08:50/ 0 赞/ 260 阅读

相关 CSS复习之CSS概述

今日目录 1、CSS简介 2、CSS引入一、CSS简介 CSS 指层叠样式表 (Cascading Sty

短命女/ 2022年05月25日 08:50/ 0 赞/ 246 阅读

相关复习之CSS（三）——重要属性float、、position

float为浮动加上float属性div等标签排版会从竖向排列改成横向排序 float: left;/左浮动/ float:

妖狐艹你老母/ 2022年05月12日 15:18/ 0 赞/ 204 阅读

相关 css之“计算属性“

no，no，no，这和vue的计算属性没有一点关系，所以这次介绍的也和vue无关。相信大家和我一样，在开发中，也遇到过这样的问题：我设计样式，多用百分比布局，这样在不同

叁歲伎倆/ 2021年09月18日 13:26/ 0 赞/ 454 阅读