Как прекратить обтекание одного тега, не прекращая обтекание других силами css?

@swala · Регистрация: 07.01.2013

Студворк — интернет-сервис помощи студентам

Вопрос в следующем:
Грубо говоря, как прекратить обтекание одного тега, не прекращая обтекание других?
Для большей ясности приведу конкретный пример.
Макет сайта из двух колонок. Правая колонка с float{right;}
В первой (левой) колонке есть картинка прикрепленная к правому краю с помощью float{right;}, обтекаемая текстом.
Когда мы обрываем обтекание картинки с помощью clear{right;}, обрывается и обтекание правой колонки и всё, что есть после обрыва размещается ниже обеих колонок.
Как с этим быть?
Силами css. Силами html здесь всё ясно.

@fvc · 07.01.2013, 15:03

попробуй сделать левую колонку

CSS
1
float:left; overflow:hidden;

@swala · 07.01.2013, 15:11 **[ТС]**

fvc, Благодарю. +1

@fvc · 07.01.2013, 15:52

можно применить только одно правило а не оба сразу

@dane.yeah · 07.01.2013, 15:58

Сообщение от fvc

попробуй сделать левую колонку

CSS
1
float:left; overflow:hidden;

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

@swala · 09.01.2013, 09:29 **[ТС]**

fvc, Я знаю, спасибо. У меня ситуация вообще иная, пример приведен исключительно для понимания. Применил overflow. Забыл я совсем про его существование.

dane.yeah, не совсем понял. Точнее, наверное, Вы не до конца поняли ситуации. А при уменьшении экрана можно использовать

CSS
1
@media (min-width: 758px) and (max-width: 968px) {...}

и т.п.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@swala 0 / 0 / 0 Регистрация: 07.01.2013 Сообщений: 3

	Как прекратить обтекание одного тега, не прекращая обтекание других силами css? 07.01.2013, 14:32. Показов 2444. Ответов 5 Метки нет (Все метки) Вопрос в следующем: Грубо говоря, как прекратить обтекание одного тега, не прекращая обтекание других? Для большей ясности приведу конкретный пример. Макет сайта из двух колонок. Правая колонка с float{right;} В первой (левой) колонке есть картинка прикрепленная к правому краю с помощью float{right;}, обтекаемая текстом. Когда мы обрываем обтекание картинки с помощью clear{right;}, обрывается и обтекание правой колонки и всё, что есть после обрыва размещается ниже обеих колонок. Как с этим быть? Силами css. Силами html здесь всё ясно. 0

@swala 0 / 0 / 0 Регистрация: 07.01.2013 Сообщений: 3
	07.01.2013, 15:11 [ТС]
	fvc, Благодарю. +1 0

@fvc 17 / 17 / 0 Регистрация: 31.12.2012 Сообщений: 68
	07.01.2013, 15:52
	можно применить только одно правило а не оба сразу 0