如何使图片拥有div的属性

A. css手机版页面制作时如何让背景图片适应div的高度和宽度

具体步骤如下：

1、输入position:fixed; top: 0; left: 0;使整个div固定在屏幕的最上方和最左方。

B. 让图片适应div大小

先给div定义overflow:hidden样式，不是为了剪裁图片，只是为了页面加载的时候，图片不会把div撑开，让页面布局被破坏，然后给所有需要自适应的图片，定义一个相同的name属性，然后在页面onload事件，或者页面最后调用一个脚本，获取全部name属性为你定义的图片，然后循环遍历这些图片，和图片的父对象，然后给图片的width，height属性进行值定义，就OK了

和父对象对比的时候，width和height分开对比，当width和父对象相同的时候，并且height小于等于父对象，只设置width就够了，这样进行的缩放，就是原比例缩放，不然会拉伸失真的，相反，当height和父对象相同的时候，并且width小于等于父对象，只设置height就够了

以上是客户端处理方法，图片如果太大太多的话，对服务器压力比较大，另一种方法就是在用户上传的时候，编写图片程序，进行判断，手动把图片缩小到指定大小，判断方法类似上边那一段，但是你设置width的时候，需要手动计算一下height，因为自己编写的程序，是不会自动保持比例的

C. 怎样在div中添加图片

可以使用img标签在div标签中添加图片。

1、新建html文档，然后在body标签中添加div标签，这时div标签中没有内容，所以网页中什么也不会显示：

D. div 属性 DIV标签属性有什么如何设置属性

div标签内常用属性列表：

1、style 设置css样式

2、align 设置div盒子内的内容居中、居左、居右

3、id 引人外部对应#（井号）选择符号样式

4、class 引人外部对应.（句号）选择符号样式

5、title 设置div（标题）鼠标经过时显示文字

设置属性：

E. 怎样让定位的div随着图片的大小,div还在图片中的那个位置

最方便还是将标注绘制（Photoshop）在图片上；其次，就是将div的top和left属性与图片的长宽建立对应关系（如使用%），然后部署自动刷新或者手动刷新，这样就可以实现了。
不过，建议div的长宽也要随之变化才好。

F. 怎么让一张图片充满DIV

<div id="my_div"><img src="test/a.jpg" width='100px' height='20px'/></div>
<style>
#my_div{width:100px;height:20px;overflow:hidden;float:left}
</style>
给img加上width和height属性就能设置图片的宽高了，不过这样可能会使得图片变形

补充：DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

G. 如何让图片在div中居中显示

方法一：
思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。
结构如下：
<div>
<img
src="images/tt.gif"
width="150"
height="100"
/>
</div>
CSS样式如下：
div
{width:300px;
height:150px;
background-color:#CCC;
border:#000
1px
solid;
text-align:center;
padding-top:50px;}
运行结果如下：释义：
图片的尺寸为150x100px，DIV的大小为300x200px；
background-color:#CCC;
border:#000
1px
solid;为DIV加个边框和背景色，便于观察效果。
text-align:center,实现图片的水平居中；padding-top:50px，50px这个数值是经过计算得到的，padding-top的值具体算法如下：（DIV的高度
–
图片的高度）/2，但这里要注意，根据盒模型原理，我们还要将DIV原来的高度200减去padding-top的值，这样显示的才是正确的，否则DIV会变高。


方法二：
思路：只用padding属性，通过计算求得居中
结构代码同上；
CSS样式如下：
div
{width:225px;
height:150px;
background-color:#eee;
border:#000
1px
solid;
padding-top:50px;
padding-left:75px;}
备注：这里DIV的宽高计算都遵循盒模型原理，计算方法同上。


方法三：
思路：
利用图片的margin属性将图片水平居中，利用DIV的padding属性将图片垂直居中。
结构代码同上；
CSS代码如下：
div
{width:300px;
height:150px;
background-color:#eee;
padding-top:50px;
border:#000
1px
solid;}
img
{display:block;
margin:0
auto;}
备注：
Img是内联元素，要设置其margin属性使其居中，就要将其转换为块元素display:block;然后利用margin:0
auto;实现图片的水平居中；（有的设计师为图片再加个div标签，然后通过div标签的margin实现居中