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

При просмотре на локальном хосте столбцы всплывают отлично, и они не всплывают вообще, как только тема активируется в Интернете. Я пробовал несколько решений, в том числе применение размеров блока: рамки для различных классов, изменение отображения: свойства, зависящие от размера определенных элементов и т. Д., Но он отказывается работать.

сайт находится по адресу http://shanepeacock.ca/

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

Используйте box-sizing: border-box для учета заполнения:

 .sidebar { padding: 10px; margin: 1%; width: 33.75%; float: right; box-sizing: border-box; /* ADDED */ } .blog-container { padding: 10px; width: 62.25%; margin: 1%; float: left; box-sizing: border-box; /* ADDED*/ } 

border-box говорит браузеру учитывать любые границы и отступы в значениях, которые вы указываете для ширины и высоты элемента. Если вы установите ширину элемента равной 100 пикселям, эти 100 пикселов будут включать в себя любую добавленную вами границу или отступ, а поле содержимого будет уменьшаться, чтобы поглотить эту дополнительную ширину. Как правило, это значительно облегчает размер элементов. Больше