Dreamweaver中如果图片超出预算边框时，采用overflow:hidden的方式，将多余部分隐藏。也可以使用百分比的方式将图片全部显示，这样时需要重新计算边框的大小。工具/原料moreDreamweaver软件方法/步骤1/6分步阅读

打开Dreamweaver软件，新建html文档

2/6

建立html文件后，ctrl+s保存到固定位置

3/6

在body中建立div标签，添加style标签，在style标签中输入代码添加对div的修饰，如图，建立一个200*200像素大小的正方形，为了方便观看，设置2像素的红色边框，最后将div居中

4/6

在div中添加图片img标签，将准备好的图片置入，如图所示，图片的额本身大小超过200*200像素，所以讲图片置入后，图片会超出计算值。

5/6

在style标签中，在div修饰中添加overflow:hidden;将多余部分隐藏后，只显示框的范围区域

6/6

为了保持图片的完整性，可以对img添加修饰，如下图所示，对img添加修饰 宽度设置为100%；因为图片是div内部的文件，是div的子集，所以设置宽度100%会跟随父集大小；

只改变宽度，高度会跟随宽度等比例缩放，这样可以将图片完整的显示出来。如下图所示。

注意事项

如果此经验对您有帮助，请为我投票加关注，谢谢大家的支持^_^

软件DREAMWEAVER网页设计