Почему кнопка имеет это заполнение?

#html #css #button

#HTML #css #кнопка

Вопрос:

Вы можете увидеть код страницы здесь.

Я не знаю, почему вокруг кнопки есть это заполнение с желтым фоном. Я также пытался поместить тот же код в Fiddle, но, похоже, там нет такого заполнения.

Какой атрибут я пропускаю?

Комментарии:

1. Fiddle использует таблицу стилей, которая все нормализует: fiddle.jshell.net/css/normalize.css

2. @pole : ответьте своим ответом, вы получите принятый ответ 😉

Ответ №1:

Ваш div, который оборачивает кнопку, имеет встроенный стиль, который задает желтый фон:

  <div class="categoryName4" style="background-color:#FFFF00;">
  

Комментарии:

1. Она также имеет заданную ширину, поэтому между div и кнопкой есть пробел.

2. Разве желтый цвет не там только для того, чтобы мы могли видеть «дополнительное заполнение»?

3. Из-за того, как был сформулирован вопрос, у меня сложилось впечатление, что желтый цвет также был загадочным.

Ответ №2:

элемент div по умолчанию имеет отступ в 5 пикселей, если я правильно помню.

Попробуйте добавить идентификационный тег,

 <div id="box">
  

И используйте этот css:

 #box {margin: 0; padding: 0;}
  

Ответ №3:

Содержащее <div> имеет фиксированную ширину — избавьтесь от этого, и у вас не будет этого «заполнения».