2017-01-05 60 views
0

你好我的共同類,但上邊距或下邊距不工作.. 謝謝普通類 - CSS邊距不工作

.cl 
 
{ 
 

 
position: absolute; 
 
    display: inline-block; 
 
    
 
    width: 100px; 
 
    height: 100px; 
 
    border-radius: 4px; 
 
    background: #6686a7; 
 
    margin-top:150px 
 
    
 

 
}

 
<div id="1" class="cl"></div> 
 
<div id="2" class="cl"></div> 
 
<div id="3" class="cl"></div> 
 
<div id="4" class="cl"></div> 
 
......

+1

你的利潤率工作正常,但都是沒有意義的,當你設置的位置,以絕對的。 –

+0

您定義了margin-top兩次 – Banzay

+0

hi margin:3em 0 1em 3.6em;我刪除了,但是當你使用位置爲''''''''''''''''的'''margin''時,你又不能使用 – ssengul

回答

0

您需要刪除'position:absolute;'保證金不符合「的位置是:絕對」工作

使用下面的代碼

.cl{ 
display: inline-block; 
width: 100px; 
height: 100px; 
border-radius: 4px; 
background: #6686a7; 
margin-top:150px} 
+0

好的謝謝大家我想我必須這樣做:( – ssengul

0

你知道,無論元素相互重疊,你呢?所以他們處於相同的位置。你也可以用margin來定義margin-top和margin-bottom。你想實現什麼?

+0

我想垂直div的 例如 DIV1 邊距10 DIV2 邊距10 – ssengul

+0

好吧,你可以做這樣的:'

test
test2
.same { 的位置是:絕對的; display:inline-block; width:210px; height:210px; border-radius:4px; 背景:#6686a7; } .c1 {margin_top:100px; } .c2 {margin:0px} 400px; }' 這段代碼發生了什麼?你定義了一個標準類,它的屬性和值在兩個元素中都應該是相同的。類c1和c2定義了兩個元素之間的區別。 – mcr

+0

嗨謝謝,但是我試過了..我的問題,我有多個div的 我不能創建類c1 c2 c3 c4 c5 c6..beacuse我動態創建我 ,我給動態ID 樣本 var pageID = page.val() id =「dynamic_」+ pageID「 – ssengul

0

如果您已經聲明過頂部和底部邊距,則不需要在您的CSS中包含margin-top(如果您確實需要,也可以在該行的末尾使用分號)那。否則您的CSS有效。注意:你的divs基於絕對定位彼此重疊。不知道這是你的意圖。

+0

嗨保證金:3em 0 1em 3.6em;我刪除但再次,我s不工作 – ssengul