Автоматическое увеличение фона CSS / CSS3 с содержанием

#html #css

#HTML #css

Вопрос:

как я могу создать свои фоны (например. верхний или нижний колонтитулы bg) для автоматического расширения по горизонтали содержимого, которое я помещаю в любую из основных областей содержимого в моем коде? .. 🙂 приветствуется любая помощь. Спасибо!

Ответ №1:

Есть несколько способов, о которых я могу подумать:

  1. Динамически создавайте свою таблицу стилей CSS. Выполнение этого позволит вам соответствующим образом изменить размеры изображения. Это излишество и, вероятно, слишком сложно для того, что вам нужно.
  2. Установите ширину равной 100% ( width: 100% ). Это заполнит всю область, независимо от ее размера. Это отлично работает в большинстве случаев и может быть полезно для вас.
  3. Создайте экземпляр повторяющегося фона и повторяйте его по горизонтали ( repeat-x ). Я думаю, что это, вероятно, лучшее решение для вас, поскольку оно не искажает фон, как при растяжении, как описано выше.