爲什麼保證金頂不移動東西？

margin-top似乎不適合我。保證金 - 左邊工作正常。但是，當我使用margin-top時，沒有任何動作。即使我把它設置爲一個荒謬的數字。爲什麼保證金頂不移動東西？

我的HTML：

<link rel="stylesheet" type="text/css" href="css/pricepages.css" media="screen" /> 
<div class="container-fluid "> 
    <div class="row"> 
    <img src="{{var protoHost}}img/Internet.jpg" class="col-xs-0 img-responsive"/> 
     <div class="contactspacer"> </div> 
     <div class="DSLBlurb"> 
      <a href="Internet/DSL">Home DSL</a> 
     </div> 
    </div> 
</div>

我的CSS：

.DSLBlurb { 
    background-color: #277FD8; 
    color: white; 
    margin-left: 100px; 
    width: 100px; 
    height: 100px; 
    border-radius: 10px; 
} 
.DSLBlurb a { 
    color: white; 
    margin-top: 10px; 
    margin-left: 16px; 
}

還有什麼問題可能是什麼？謝謝。

來源

2016-04-28 Thomas Hutton

[爲什麼這個CSS margin-top樣式不起作用？]（http://stackoverflow.com/questions/9519841/wh y-does-this-css-margin-top-style-not-work） – chazsolo

<a>默認CSS值爲inline所以請嘗試將其更改爲inline-block或block任何適合您的更好。

所以：

.DSLBlurb a { 
    color: white; 
    margin-top: 10px; 
    margin-left: 16px; 
    display: inline-block; 
}

來源

2016-04-28 15:28:47 Ardian

打我吧:) –

謝謝！它解決了這個問題。你得到一個upvote和一個接受！ –

那麼，一個在9分鐘內接受。 –

試着給你的標籤位置相對&頂級屬性是這樣的：

color: white; 
/* margin-top: 10px !important; */ 
margin-left: 16px; 
position: relative; 
top: 10px;

來源

2016-04-28 15:30:10

首先，你甚至不需要保證金，你就可以說：

//Dont use pixels use % different screens have different needs. 

.DSLBlurb a { 
    color: white; 
    top: 10%; 
    left: 16%; 
}

來源

2016-04-28 15:31:40

爲什麼保證金頂不移動東西？

回答

相關問題