Question

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

问题可能是什么？谢谢。

Answer 1

<a>默认CSS值为inline，因此请尝试将其更改为inline-block或block以适合您。

所以：

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

Answer 2

尝试给你的标签位置相对＆amp;像这样的顶级属性：

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

Answer 3

首先，你甚至不需要保证金，你可以说：

{{1}}

为什么Margin-Top没有移动东西？

3 个答案: