怎么在css中把東西往右移

本篇文章為大家展示了怎么在css中把東西往右移，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

我們提供的服務(wù)有：網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、襄垣ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的襄垣網(wǎng)站制作公司

div對(duì)象盒子向右偏移設(shè)置，使用css讓div靠右一定距離-div向右移教程實(shí)例篇

div向右偏移一定距離，可采用margin外邊距實(shí)現(xiàn)、也可以使用padding來(lái)實(shí)現(xiàn)，這就要看不同情況下如何靈活選擇了。這里thinkcss為大家介紹各種css布局div向右移方法。

怎么在css中把東西往右移

兩個(gè)盒子前者是藍(lán)色的div，后者是紅色的div,就這種情況下靈活讓紅色div向右浮動(dòng)偏移一定距離的方法教程分別如下。

基本說(shuō)明：

為了便于實(shí)例，兩個(gè)盒子并排，我們將兩個(gè)div均設(shè)置float浮動(dòng)樣式，兩個(gè)div box同時(shí)設(shè)置相同寬度和高度。

一、設(shè)置margin-left實(shí)現(xiàn)div右移

有邊框或有背景顏色情況下

兩個(gè)div均設(shè)置float:left布局靠左css樣式，要讓第二個(gè)（紅色）div靠右移動(dòng)一點(diǎn)，通常是對(duì)第二個(gè)（后者紅色）div設(shè)置margin-left。

為設(shè)置div靠右移動(dòng)一點(diǎn)前代碼：



  
    
    div向右移一定距離實(shí)例
    
  
  
    第一個(gè)（前者）div

第二個(gè)（后者）div

操作設(shè)置第二個(gè)div左外邊距離樣式

關(guān)鍵CSS代碼：

.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;
      }

截圖

怎么在css中把東西往右移

二、使用margin-right讓第二個(gè)div靠右產(chǎn)生一定距離

使用說(shuō)明

上一個(gè)方法是直接對(duì)要右移div設(shè)置margin-left自身靠左一定距離，從而實(shí)現(xiàn)div自身向右移。

如果使用margin-right就不能對(duì)需要向右移div設(shè)置，而是對(duì)前者（藍(lán)色div）設(shè)置即可，實(shí)現(xiàn)紅色div右移一定距離。

CSS代碼：

.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;
      }

截圖：

怎么在css中把東西往右移

上述內(nèi)容就是怎么在css中把東西往右移，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：怎么在css中把東西往右移
分享網(wǎng)址：http://weahome.cn/article/jshepo.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

怎么在css中把東西往右移

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管