Используйте атрибут cssclear, чтобы добиться эффекта переноса текста объявления.

Вы видели, что реклама крупных веб-сайтов размещается в середине контента, чтобы обернуть текст? Как правило, реклама обычных небольших веб-сайтов может размещаться только в начале или конце контента. Может быть, система cms больших веб-сайтов такова? эта функция Основы cms, обычно используемые на наших небольших сайтах. Такой функции нет, потому что невозможно автоматически добавить рекламный тег в тег контента, если только вы не отредактируете его вручную при добавлении статьи, что не утомляет.

Я никогда не думал об использовании CSS для управления этим, главным образом потому, что не ожидал атрибутаclear. Сегодня я случайно увидел введение и понял, что реализовать перенос текста так просто.

Пример кода:

<div class="новости">
<div style="float:left;height:300px;width:0">Пустой слой шириной 0, высота которого используется для управления верхним и нижним положением рекламного слоя</div>
<div style="float:left;height:250px;width:250px;clear:left;">Рекламный код</div>
</div>

Ключ заключается в роли параметраclear:left. Clear имеет три атрибута:clear:both,clear:left иclear:right, которые соответственно указывают на очистку плавающих блоков с обеих сторон, слева и справа. Добавление параметра «clear:left» к рекламному слою означает, что слой больше не будет плавать относительно пустого слоя и будет перемещаться вниз. Это здорово, ха-ха.

Давайте сравним:

<div class="новости">
<div style="float:left;height:300px;width:100px;background:#CCC;">Добавьте ширину и фон, чтобы облегчить наблюдение за эффектом</div>
<div style="float:left;height:250px;width:250px;">Если вы удалите прозрачный плавающий элемент, вы поймете его значение</div>
</div>

Если вы добавите это:

<style>.news img,.news table{clear:both;</style> //Пусть изображения и таблицы в контенте не закрывают рекламу

К сожалению, приведенный выше тест показал, что возможен только IE. Firefox и Opera дают разные результаты. Эффект IE заключается в том, что изображение автоматически перемещается вниз при обнаружении рекламного слоя. Firefox не перемещается вниз, но не закрывает рекламный слой. потому что рекламный слой находится спереди. В опере изображение не съедет вниз и закроет рекламный слой. Забавно.

Снова улучшено:

<style>.news img,.news table{clear:both;position:relative;z-index:-1;</style> //Пусть изображения и таблицы автоматически будут внизу

Наконец-то все готово, все довольно идеально, и эффект от окружающего рекламного контента завершен :)

//29 февраля 2008 г., изменено: Что такое

Забыл добавить

Кто-то спросил, нужно ли переносить текст сверху и снизу справа, поэтому я изменил его следующим образом: