Возникли проблемы с HTML build it margin - PullRequest
Новая
       0

Возникли проблемы с HTML build it margin

0 голосов
/ 07 мая 2020

Я пытался создать это верхнее навигационное меню, и у него все еще есть некоторые поля. Я знаю, что это не мой код, так как я никогда не добавлял поля. вот код. 

<body class="body">
    <div id="div01">
        <ul>
            <li><a href="https://forexstat.co.uk/h/fhdfs">TEST</a></li>
            <li><a href="https://forexstat.co.uk/h/fhdfs">TEST 2</a></li>
            <li><a href="https://forexstat.co.uk/h/fhdfs">TEST 3</a></li>
            <div id="div02">
                <li><a href="https://forexstat.co.uk/h/fhdfs">TEST 3</a></li>
            </div>
        </ul>
    </div>
    <div id="div03">

И CSS https://pastebin.com/XSW846vJ Моя первая идея заключалась в том, чтобы просто добавить div#div01 body {margin: -10px;} в мой CSS файл, чтобы он просто исчез, но он похоже, не работает, единственный способ заставить его удалить поля - это добавить margin:-10px; в мой файл тела, но тогда дыра WebPage будет сломана Я попытался поместить margin: -10; в CSS теги, но он либо ничего не делает, либо просто удаляет отступы в меню навигации, вот изображение меню навигации, чтобы вы могли понять, откуда у меня проблема с полями.

enter image description here. enter image description here

1 Ответ

2 голосов
/ 07 мая 2020
Тег

ul имеет значение по умолчанию margin top bottom 16px, а padding-left: 40px, вы можете установить их в 0 

#div01 ul{
  margin: 0;
  padding-left:0;
}

Если вы хотите удалить все поля, вы можете установить body{ margin:0;} для удаления по умолчанию 8 пикселей margin в теле. 

div#div01 a
{
  display: block;
  color: white;
  text-align: center;
  padding: 20px;
  text-decoration: none;
}
div#div01 li
{
  float: left;
}
div#div01 ul
{
  list-style-type: none;
  overflow: hidden;
  background-color: #333333;
}
div#div01 a:hover
{
 background-color: #444444;
}
div#div02 li
{
  float: right;
}

#div01 ul{
margin: 0;
padding-left:0;
}
<body class="body">
    <div id="div01">
        <ul>
            <li><a href="https://forexstat.co.uk/h/fhdfs">TEST</a></li>
            <li><a href="https://forexstat.co.uk/h/fhdfs">TEST 2</a></li>
            <li><a href="https://forexstat.co.uk/h/fhdfs">TEST 3</a></li>
            <div id="div02">
                <li><a href="https://forexstat.co.uk/h/fhdfs">TEST 3</a></li>
            </div>
        </ul>
    </div>
    <div id="div03">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...