首頁 >web前端 >html教學 >如何让父元素自适应子元素的大小?_html/css_WEB-ITnose

如何让父元素自适应子元素的大小?_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:18:011460瀏覽

有个图片  images/book1.jpg  维度是124*175



    如何让父元素自适应子元素的大小?_html/css_WEB-ITnose


效果如下,此时


下面增加img的padding:20px



    如何让父元素自适应子元素的大小?_html/css_WEB-ITnose


此时效果如图

如何写,可以使得div的大小可以自动变成:


测试过了,div不可以写成
div{
    overflow:auto;
    zoom:1;
    border:1px solid red;
}
宽度会撑满整个body.


回复讨论(解决方案)

div{display:inline-block;
    border:1px solid red;padding:20px;
}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn