Научите меня CSSу
Хочу, вроде, простого. Есть div, у него какой-то фончик и граница заданы. Внутри него картинка и текст. Рядом друг с другом, картинка слева, текст справа. Ширина картинки известна, высота картинки и текста неизвестна. Нужно, чтобы внешний div (который с фончиком) по высоте соответствовал картинке и тексту (ну то есть большему из них).
- Based on real people
Если я делаю это через float:left у картинки и float:right у текста (запихнутого в свой отдельный div), то у внешнего div-а высота будет меньше, чем надо. Как правильно?
- Based on real people
thnx!
- Based on real people
к диву дописать div:after{content: " "; display: block; clear:both; height:0px; font-size: 0px;}. Добавляем в конец контента дива псевдо элемент, который занимает 0 высоты 100% ширины, и обтекать его нельзя. Тем самым любой контент дива, даже с обтекаеием, будет отодвигать нижнюю границу дива
- У меня достаточно
о, круто, пасиб. эдак я и правда что-нибудь про css узнаю :)
- Based on real people
htmlacademy.ru
- A. Khmelevsky™
Митрич, возьми фреймворк (Bootstrap, Foundation или что-нибудь ещё) и изучай нюансы CSS от него, а не наоборот. Ты же не хочешь стать профессиональным фронтендером?
- застали последние дни
Я допиливаю мелочи в готовую верстку
- Based on real people
И что, эта верстка не имеет никакого (Bootstrap, Foundation или что-нибудь ещё)?
- möe
Не, она имеет какие-то .scss файлы, которые я не знаю что такое, потому забил и дописываю свое в конец css-ки.
- Based on real people