css怎么把东西往右移

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

关键CSS代码：

1

2

3

4

5

6

7

8

9

10

11

12

13

.box-a,

      .box-b {

        width: 200px;

        height: 100px;

        float: left;

      }

      .box-a {

        border: 1px solid #00f;

      }

      .box-b {

        border: 1px solid #f00;

        margin-left: 20px;

      }

截图

T4U7~Q{%HG1{]5VA9R8513A.png

二、使用margin-right让第二个div靠右产生一定距离

使用说明

上一个方法是直接对要右移div设置margin-left自身靠左一定距离，从而实现div自身向右移。

如果使用margin-right就不能对需要向右移div设置，而是对前者（蓝色div）设置即可，实现红色div右移一定距离。

CSS代码：

1

2

3

4

5

6

7

8

9

10

11

12

13

.box-a,

      .box-b {

        width: 200px;

        height: 100px;

        float: left;

      }

      .box-a {

        border: 1px solid #00f;

        margin-right: 20px;

      }

      .box-b {

        border: 1px solid #f00;

      }

截图：

T4U7~Q{%HG1{]5VA9R8513A.png

利用对蓝色div设置margin-right外右边距，这样让红色自然靠蓝色div一定距离，从而实现div右篇移

推荐学习：css视频教程

以上就是css怎么把东西往右移的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

为什么要初始化css代码

css实现箭头和带缺口提示框

css direction属性怎么用？

css white-space属性怎么用

css怎么设置字体间隔

css中的滑动条怎么隐藏

javascript的重构技巧

浏览器解析渲染html文档的过程详解（图文）

css的引入方式有哪些

css怎么设置文字1行

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...