移動一格div div（near）並設置float屬性

-1

我在我的頁面上有div。有DIV .rightColumnBar和.divAttributes HTML移動一格div div（near）並設置float屬性

<div class="mainContent"> 
<div class="pageContent"> 

<form id="createLead" class="frmDiv clear" action="/leads/create_lead.html?lead_id=3287" name="createLead" method="post"> 

<div class="divEditLead sldf_columnsContainer"> 
<div id="hot_div"> 
<div id="errorBlock"> 
<div class="leftColumnBr"> 
<div class="centerColumnBr"> 
<div class="rightColumnBr"> 
</div> 

<div class="createLeadButtons"> 
<input id="saveLeadBtn" class="bigButton redButton" name="save" value="Save" type="submit"> 
</div> 

</form> 
</div> 
<div class="divAttributes frmDiv"> 
<div id="specHeightIncreaser"></div> 
</div>

CSS

.divAttributes { 
     border: 1px solid #d1ddd4; 
     min-height: 200px; 
     padding-top: 10px; 
     width: 280px; 
    } 
    .rightColumnBr { 
    float: left; 
    margin-top: 15px; 
    width: 377px; 
    }

我如何可以移動（僅適用於前端，而不是插入的HTML元素）rightColumnBr到divAttributes和設置div屬性左邊的float屬性？

謝謝。

來源

2017-06-19 Nastya Nastya

首先，一些你的div沒有關閉。請更正代碼並上傳正在使用的缺少的CSS。 – DanielaB67

我編輯了我的html，請檢查它 –

如果你的目標腳本，比你可以做CSS的變化和DOM操作是這樣的：在JSFiddle

$('.divAttributes').css({ 
 
\t 'border-color': 'red' 
 
}).after($('.rightColumnBr'));

.divAttributes { 
 
    border: 1px solid #d1ddd4; 
 
    min-height: 100px; 
 
    padding-top: 10px; 
 
    width: 280px; 
 
} 
 

 
.rightColumnBr { 
 
    float: left; 
 
    margin-top: 15px; 
 
    width: 377px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="pageContent"> 
 
    <div class="rightColumnBr"> 
 
     RCB 
 
    </div> 
 
    <p> 
 
     Text 
 
    </p> 
 
    <div class="divAttributes frmDiv"> 
 
     ATTR 
 
    </div> 
 
</div>

也。

來源

2017-06-19 12:07:15 skobaljic

-1

這是你想要的嗎？

<div class="pageContent"> 
    <form id="createLead" class="frmDiv clear"> 
     <div class="divEditLead sldf_columnsContainer"> 
     </div> 
     <div class="leftColumnBr"> 
     </div> 
     <div class="centerColumnBr"> 
     </div> 

     <div class="createLeadButtons"> 
     </div> 
    </form> 
</div> 
<div class="divAttributes frmDiv"> 
</div> 
<div class="rightColumnBr"> 
</div> 


.divAttributes { 
    border: 1px solid #d1ddd4; 
    min-height: 200px; 
    padding-top: 0px; 
    width: 200px; 
    float:left; 
} 
.rightColumnBr { 
    border: 1px solid #d1ddd4; 
    float: left; 
    margin-top: 0px; 
    width:200px; 
    height:200px; 
}

也請辦理的jsfiddle鏈接：https://jsfiddle.net/mayurdandekar/0soLrqv0/

來源

2017-06-19 12:16:00

不，我不需要移動div，只需要修改css –

，請更正您的html結構 –

移動一格div div（near）並設置float屬性

回答

相關問題