1、打开Dreamweaver,新建一个文件,并创建一个比较小的层。
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/dd58d02c5b1b1ede45f5768a981fceecd2d90fbd.jpg)
2、这个层比较小,当层内的文本或者图像太大的时候,层里的文本就会溢出来,如图。点击F12预览,可以看到有一部溢出层外。
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/125ed0ecd3d9697545ed3a2ad243040149fe09bd.jpg)
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/f385f29959430401f3d7c8f1d66b04d1482905bd.jpg)
3、这时,需要在层的属性面板内的“溢出”栏内进行更改,一般选择auto,又溢出的情况就会出现滚动条显示,没有溢出就没有滚动条,点击F12预览。
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/49bf00425d6b04d1f6004c3bb213e8e5edee01bd.jpg)
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/486884883913e8e52fc77b0f352f477047187dbd.jpg)
4、层的裁切是通过属性面板的剪辑来实现的。
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/edafb3bcbe2f4770813109696f3b3b86032179bd.jpg)
5、左边裁剪20像素,上边裁剪20像素。
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/bf6e59704618dfda2d12ed3589214f57925677bd.jpg)
6、要是在右边和下边也实现上面各裁20像素的效果的话,不能直接剪20像素了,应该是用层的宽度和高度减去20像素。
![Dreamweaver学习:[31]网页中层的溢出和裁切](https://exp-picture.cdn.bcebos.com/4759c1dae43b3b86c90899e4185653bbf92075bd.jpg)