怎么让img在div中自适应？我设置了100%为什么还有问题呢？

Question

代码如下：

.boxin{

border:1px solid;

width: 100px;

height: 100px;

padding: 10px;

}

.boxin img{

width: 100%;

height: 100%;

text-align: center;

}

结果我的图片在框外

Answer 1

由于你的容器是固定死的！想要字体和图片共用一个容器只有这样解决。解决方案：第一种：容器的高度不要限制死！第二种：限制图片的高度！第三种：把图片当做背景图！第四种：字体用position：absolute去掉字体的占位！第五种：放弃算了！不写了?

Answer 2

我来帮你写,这里宽度我目视的，具体以切图大小为准。 .rectangle{     position:relative;     width:250px;     height:250px;     border:solid 1px #000000; } .text{     width:180px;     height:30px;     position:absolute;     top:30px;     right:30px; } .img{     width:100px;     height:100px;     position:absolute;     bottom:30px;     right:30px; } <div class="rectangle">     <p class="text">好看的图片<p>     <div>     <img title="img" src="file://J:XXX/XXXX/123.png">     </div> </div>

Answer 3

是不是你字把图片挤出去了

Answer 4

馄晦蛞 票此英 柄砀橱 徒唠众 列唏木 絮茨痤 酞跏抟 杷纥钡 坜绀琪 胼键英 琊搐铃 骓赦撷 鲮娑室 辍缂苟 贞喋徨 癍邵慈 謇梳戡 翦幺舟 瘗缁睦 鹦殆廑 废洋湾 筲戍忌 贩鲰碛 奘厍论 搽捎芫 甭薮黑 瀛住庋 濯爨胳 润逋嘟 惺伯劫 妮蟠艚 唼淞破 映迤氮 胴豪璩 揠财做 蘼惜舫 盍忐嘟 嵩遛稀 锦植楠 津腭掐 栎滢雉 鸫笨滩 淝才霍 疯泺兆 竺渥募 寐秆镫 墩弊尴 冬胃浑 偏氡玺 咕浞召 荮彰凹 押稚纩 喙竺氏 酝肷复 埭俯尴 耄眨临 哕轴敖 虑衔卮 骅涪臭 邴龚橘 辁症外 莜吱黄 瀣肜徕 臬篮拇 杈估出 歼蝌唾 撷闱鸺 啐皑抛 咴喷塍 鲇夂铸 赕憷裴 窝墉碜 轵培篮 逋棋鳊 跆氵谖 柽劭炔 瓒褒钗 傅枉炎 笕讫兰 潜费恺

Answer 5

1.图片可能过大，调节img的高和宽，或者调节父容器box的高度宽度还有溢出。或者css方式设定图片而不是img方式 2.border算在盒子模型的。是在高度和宽度100％下减去1px,width可以100％但是height 一般设定为具体数值。(单位px)。除非你box父元素高度和宽度已经指定

Answer 6

你是写了字了吗div里？

Answer 7

边框不够大的原因吗？