Не могу получить мой div, чтобы достигнуть вершины и сторон моей страницы - PullRequest
Новая
       10

Не могу получить мой div, чтобы достигнуть вершины и сторон моей страницы

0 голосов
/ 03 ноября 2018

Я не могу заставить мой div покрыть верхнюю и боковые стороны страницы. Есть странный разрыв. Этот div находится внутри тега body. Я добавил поля и отступы к нулю для тела и div. Это не уйдет. 

<style scoped>
body {
  padding: 0; margin: 0;
}

#navdiv {
    width: 100%;
    text-align: center;
    height: 5rem;
    background-color: white;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-family: 'Lato', sans-serif;
}


a {
    text-decoration: none;
    color:rgb(31, 32, 32);
    border-bottom: 0.05rem dotted black;
    padding: 1.0rem;

}

a:hover {
  background-color: rgb(88, 88, 88);
  transition: all 0.8s ease;
  color: white;
}


</style>

<template>
  <div id="navdiv">
    <nav id="nav1" @mouseover="mouseOver">
      <div v-show="active">show</div>
      <router-link v-for="routes in links" 
      v-bind:key="routes.id"
      :to="`${routes.page}`">{{routes.text}}</router-link>
    </nav>
  </div>
</template>

1 Ответ

0 голосов
/ 03 ноября 2018

Вы пробовали margin: 0; padding:0 вот так: 

template, div {
    padding: 0;
    margin: 0;
}
...