Category 渡劫指南

转自:https://www.thinkcss.com/shili/1372.shtml

div对象盒子向右偏移设置,使用css让div靠右一定距离-div向右移教程实例篇

div向右偏移一定距离,可采用margin外边距实现、也可以使用padding来实现,这就要看不同情况下如何灵活选择了。这里thinkcss为大家介绍各种css布局div向右移方法。

两个盒子前者是蓝色的div,后者是红色的div,就这种情况下灵活让红色div向右浮动偏移一定距离的方法教程分别如下。

基本说明:

为了便于实例,两个盒子并排,我们将两个div均设置float浮动样式,两个div box同时设置相同宽度和高度。

一、设置margin-left实现div右移

1、有边框或有背景颜色情况下

两个div均设置float:left布局靠左css样式,要让第二个(红色)div靠右移动一点,通常是对第二个(后者 红色)div设置margin-left。

2、为设置div靠右移动一点前代码:

div向右移一定距离实例 www.thinkcss.com .box-a,.box-b{width:200px;height:100px; float:left}

.box-a{ border:1px solid #00F}

.box-b{ border:1px solid #F00}

第一个(前者)div 第二个(后者)div 3、截图

Copyright © 2088 玄霜问道-仙侠网游活动资讯 All Rights Reserved.
友情链接