宽度根据父级来定的：百分比——100% -->width：100%；（此时宽度填满为父级的宽度）。要注意，如果不是填满你希望的宽度，那就是父级的宽度需要你调整了；
display：block；块元素自动占满一行宽
因为浏览器默认情况下会为元素添加margin和padding属性，需要将这两个属性初始化为0.
1、新建html文档，在body标签中添加一个div标签，然后为这个div设置一些样式：
2、用浏览器打开编辑好的html文档，这时可以从浏览器中发现浏览器四周留有一些白色空隙：
3、在style标签中为“*”添加“margin: 0padding: 0”样式，“*”表示所有元素，“margin”和“padding”表示外边距和内边距：
4、用浏览器重新打开编辑好的html文档，这时浏览器四周的白色空隙都会被去除：
要达到这种效果必须先知道这张图片是已那种形式导进去的，无外乎2种：1.img标签导入，那么img外层如果没有浮动或者去限定宽度，默认就是填充整个屏幕的宽度，那么就可以设置img{width:100%}这句样式来让其填充满屏幕，记得高度不要设置，不然会让图片变形失真；
2.通过css里面的background-images的方式以背景的形式导进去，那么在html框架里面的图片展示标签必须是撑满屏幕宽度的，然后在样式里面通过background-size:contain让其填充满屏
