چرا وقتی به تگهای زیر تصویر اضافه می کنم، عرض تگها تغییر می کنه؟

[i-php-i]

چرا وقتی به تگهای زیر تصویر اضافه می کنم، عرض تگها تغییر می کنه؟

تگ زیر مشکلی نداره

.img_bt { width: 240px; }
.r_float { float: right;}

<div class="img_bt r_float">
                            <a href="/">حذف</a>&nbsp;
                            <a href="//">ویرایش</a>&nbsp;
                            </div>

اما این تگ ارتفاعش بدون دلیل زیاد می شه

<div class="img_bt r_float">
                            <a href="/"><img src="img.png" /></a>&nbsp;

                            </div>

 

[sepidweb]

بالاخره عرضش زیاد می شه یا ارتفاعش؟
نمونه ش رو نشون بدید که عکسه هم همراهش باشه. اینطوری که نمی شه گفت مشکل از چیه!

 

[i-php-i]

بالاخره عرضش زیاد می شه یا ارتفاعش؟

منظورم همون عرض تگ بود.

برای خودم هم عجیبه که چرا وقتی از تگ img استفاده می کنم عرض تگ زیاد می شه !

 

[saber mogaddas]

سلام
اگه می خوایید تصویر کوچیک شه و به اندازه اون تگ شه .. بهتره که با css عکس تنظیم شه..
ولی بهترین کار اینه که overflow تگ رو مساوی hidden کنید..تو این مثالم یه مشکل هست اونم اینه که مقادیر اضافه تصویر دیده نمی شن..
موفق باشی..