دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ Saba mohamadnejad
مشکل در تمرین
جامعه Html & CSS ایجاد شده در ۱۸ شهریور ۱۴۰۲

ddf2-Screenshot (69).pngچیکار کنم که این ساختار مرتب بشه عکس بره داخل بردر و طول متن با انداره طول عکس برابر باشه؟

سلام،

احتمالا از float: right استفاده کردید برای تصویر و با شناور شدن تصویر این مشکل برای height دیو پیش آمده است.

چند راه حل دارید:

  • در انتهای این div یک div دیگر بذارید بدون هیچ محتوایی و فقط به آن div یک style بدید. clear: both این دمو1 رو ببینید.
  • میتونید div والد رو استایل overflow: auto بدید. دمو2 رو ببینید.
  • راه حل دیگر اینست که بجای اینکه مثل راه اول div بگذارید، میتونید یک استایل جدید برای کلاسی بانام clearfix بنویسید. دمو3 رو ببینید تا متوجه بشید. این کلاس رو به div والد که wrapper هم هست دادم.
بهترین پاسخ
محسن موحد ۱۸ شهریور ۱۴۰۲، ۱۵:۱۰