HTML结构里面div包含着img，为什么解析出来显示不包含

html-css07

HTML结构里面div包含着img，为什么解析出来显示不包含,第1张

对div设置overflow: hidden，图片 超出 div的长或宽的部分会被隐藏。 对div设置overflow: auto，若 图片 超出 div的长或宽，那么div就会出现滚动条，拖动滚动条可以查看超出的部分。若要隐藏图片，请对img设置display: none 或者 visible:hidden。 visible:hidden 会隐藏图片，但是保留图片占用的位置，等于留出了一块空白区域； display: none 会使img彻底消失

使html中div内的图片随屏幕大小调节的操作方法为，将div与img的宽度都设置为100%，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

 

<html xmlns="

 

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>图片大小自适应</title>

<style type="text/css">

div,img{ width:100%}

</style>

</head>

<body>

    <div>

    <img src="20150930010349.jpg" />

    </div>

</body>

</html>

效果图如下：

特别说明：

要图片跟随屏幕大小显示，可以将图片与div的宽度调整为100%，并且body不设置宽度（或者也设置为100%），在使用不同屏幕浏览网页时，图片将自动铺满屏幕。

有用记得采纳