如何让div的大小随着背景图片的大小变大 让div的大小随着背景图片的大小变大的方法
发表时间：2017-03-24来源：网络
如何让div的大小随着背景图片的大小变大 让div的大小随着背景图片的大小变大的方法 让div的大小随着背景图片的大小变大的方法
首先，我们需要新建一个htm页面，并在页面中写上一个div。并为div添加背景图片，为背景图片添加一些基本的样式。
然后，我们按下键盘上的F12，查看其在浏览器中的效果。效果肯定是页面中没有相应的背景图片，理由是我们做的是背景图片，无法将div撑起一定的高度。
既然不能撑起来，我们也不能单纯的为div设置高度，这样无法解决不同大小背景图片的问题，我们可以利用css中的伪元素：：after或者：：before
可以简单的解释一下，利用伪元素是将指定标签的前面或者后面的内容设为空，并设成块元素，并设定以百分比为单位的padding-bottom或者padding-top。以此撑开这个div。
另一种方法是，我们在有背景图片的div的内部再套一个div，然后为这个内部的div添加相应的样式，使得外层div可以被撑起来。
这里我采用的是和第一个相同的做法，为这个内部div设定内部边距上或者下都可以。同样是以百分比作为单位。这样我们再次在浏览器中查看，就可以看到作为背景的图片了。
最后告诉大家一些注意事项，不管我们采用方法一还是方法二，都是设置的上下的内边距而不是外边距，并且要以百分比作为单位。
知识阅读
软件推荐
更多 >-
查看计支宝app下载v3.1.29 安卓版
142.27MB |商务办公
-
查看小小优酷最新版下载v5.4.6 安卓官方版
68.11MB |影音播放
-
查看艺图语app下载v3.3.4 安卓免费版
34.33MB |系统工具
-
查看
爱鸽者手机版下载v3.2.9 安卓版
243.57MB |商务办公
-
查看一品威客网接单app(一品众包)下载v2.7.1 安卓最新版
55.01MB |商务办公
-
查看诸葛找房网官方版下载v4.8.1.1 安卓最新版
66.6MB |生活服务
-
查看皓盘云建最新版下载v9.0 安卓版
53.38MB |商务办公
-
查看ris云客移动销售系统最新版下载v1.1.25 安卓手机版
42.71M |商务办公
-
1
桌面的基本操作2011-02-14
-
2
电脑桌面图标摆放技巧2011-02-15
-
3快剪辑自带水印可以消除，只需简单设置
2011-02-12
-
4
电脑下载东西经常掉线的解决方法
2011-02-13
-
5
电脑键盘快捷键大全
2011-02-15
-
6飞鸽传书好友列表显示异常？或许是这两个原因
2011-02-12
-
7
电脑技术吧教您分辨上网本和笔记本区别
2011-02-12
-
8
启动桌面清理向导的方法教程
2011-02-13
-
9PPT超强插件打包分享，从此不再被同事吐槽
2011-02-12
-
10
win10电脑更改分辨率后字体变模糊怎么解决2024-05-13
-
1
-
2
葫芦侠三楼最新破解版下载v4.4.0.6 安卓版
其它手游 -
3
葫芦侠7楼破解版免费下载v4.4.0.6安卓最新版
其它手游 -
4
葫芦侠八楼免费版下载v4.4.0.6安卓版
其它手游 -
5
葫芦侠3楼破解版免费下载v4.4.0.6安卓手机版
其它手游 -
6
像素漫斗抱歉，“八神庵”是特指游戏角色的专有名词，不存在符合要求的常用同义词近义词。下载v1.00安卓版
其它手游 -
7
葫芦侠4楼破解版游戏修改器下载v4.4.0.6安卓免费版
其它手游 -
8
末日餐厅安卓版下载v1.35安卓版
其它手游 -
9
葫芦侠十楼免费破解版下载v4.4.0.6安卓版
其它手游 -
10
葫芦侠8楼最新破解版下载v4.4.0.6安卓版
其它手游
