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

妖狐艹你老母 2022-05-12 15:18 188阅读 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 条评论，188人围观）

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

相关阅读

相关 CSS基础复习之定位

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

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

相关 css复习

3.10选择器总结除了内联样式（用style属性描写的），对于样式的描述格式有样式的描述包括两部分：即选择器和样式内容样式内容：是键值对的形式描述样式的

秒速五厘米/ 2022年06月12日 07:17/ 0 赞/ 307 阅读

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

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

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

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

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

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

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

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

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

相关 CSS复习之CSS盒模型

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

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

相关 CSS复习之CSS高级特性

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

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

相关 CSS复习之CSS核心基础

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

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

相关 CSS复习之CSS概述

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

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

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

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

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