CSS基础知识-五(CSS定位、左右布局方法)

本文详细介绍了CSS定位的几种方式,包括float、absolute、relative、fixed和static,以及z-index的使用。同时,讲解了左中右布局的两种实现方法,并提供了左右布局居中的实用技巧。内容涵盖了清除浮动影响和不同定位方式的相互作用。
摘要由CSDN通过智能技术生成

一、CSS定位

1Float:left / right /none;------左浮动/右浮动/无

2Position:absolute;----绝对定位

3Position:relative;-----相对定位(top/right/bottom/left)

注意:

父级(大div)             子级(子div)

1、     Relelative                absolute------------

2、     Absolute                  absolute

3、     Relative                   relative

 

解释:

1中,父级中div设置绝对定位position:absolute;,子级中设置相对定位position:relative,这时子级中调整的位置是针对父级来调整的

例子:

.position{

         width:366px;

         height:256px;

         position:relative;

         }

.title{

         font-family:"Arial";

         color:white;;

         font-size:13px;

         position:absolute;

         right:40px;

         bottom:25px;

         }

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值