Ножная страница не занимает всю ширину страницы, что я должен использовать, чтобы занять всю ширину?

Question

Стол, который я вставил, не занимает всю ширину страницы, я имею в виду, что между дном и ногой есть пробел и пробел между левой границей и ногой.

Вот мой код:

<footer style="background-color:#444; width:100%; height:200px; border-bottom:0px;"> 
    <table> 
     <tr> 
      <td></td> 
     </tr> 
    </table> 
</footer> 

Answer 1

попытка добавить позицию:

position : absolute; 
bottom:0; 

Answer 2

Добавить это правило CSS:

footer > table { 
    border: 1px solid red; 
    width: 100%; 
    height: 100%; 
} 

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

Обратите внимание, что проценты относятся к ширине и высоте родительского элемента, а также советуют отделить html и css.

Вот DEMO

Answer 3

Я не уверен, что вы имеете в виду, но если вы имеете в виду таблицы не заполняя размер футера, то вам необходимо установить его в width:100% и height:100%, потому что по умолчанию таблица только такая же большая, как и ее содержимое.