Question

我正在尝试获得宽度为98％且左右边距为1％的div。我也试图获得0％的最高保证金，但由于某种原因，最高保证金显示为0.5％，即使我特别提出0％。我不知道我做错了什么，请看看我的代码：

#div {
border: 1px solid black;
width: 98%;
height: 98%;
margin-top: 0%;
margin-left: 1%;
margin-right: 1%;
}

<div id = 'div'></div>

Answer 1

我认为顶部的空白是div元素的默认上边距，您需要手动将其清零。

此外，您需要为body和html元素指定100％的高度，否则body, html { margin: 0; height: 100%; } #div { border: 1px solid black; width: 98%; height: 98%; margin-top: 0%; margin-left: 1%; margin-right: 1%; }的高度将计算为零。

＆＃13;

<div id='div'></div>

＆＃13;

<div class='pin'>
  <div class="pin-num">
    <div id="pinNum"></div>
  </div>
</div>
<div class='pulse'></div>

.pin-num
  height: 72px;
  position: absolute;
  left: 14px;
  z-index: 2000;
  top: 14px;
  border-radius: 50%;
  width: 72px;
  background-color: blue;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  transform: rotate(45deg);
  font-size: 45px;

#pinNum
  position: relative;
  top: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 22px;

function countDown(num) {
  var int = setInterval(function () {
    document.getElementById("pinNum").innerHTML = num;
    num-- || clearInterval(int);
  }, 1000);
}
countDown(5);

＆＃13;

即使它的编码为0％，CSS，HTML，Margin-top也显示为.5％

1 个答案: