css背景图撑开盒子高度
2017-06-06 16:27
134 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景图撑开盒子高度</title>
<style>
.bg-box {
background-image: url(../demo.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
margin:0 auto;
}
.bg-box::after {
content: "";
display: block;
/*这里的padding = height / width*/
padding:20%;
}
</style>
</head>
<body>
<div class="bg-box"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css背景图撑开盒子高度
- css父盒子没有高度让子盒子撑开 且子盒子有浮动 清除浮动
- css给父盒子加display:inline实现子盒子自动撑开 实现子盒子和父盒子都浮动
- CSS一行两列左右背景高度自适应
- CSS中背景图片，文本，列表与盒子模型的边框与边距
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法
- css设置宽高百分比及div盒子高度百分比减像素的方法
- CSS一行两列左右背景高度自适应
- 解决子级对象使用css float浮动 而父级div不能自适应高度，不能被父级内容撑开解决方法，父级div没有高度解决方法
- 【CSS】【10】CSS盒子clear属性和高度
- html css 内部有浮动元素的div的高度没有被撑开怎么办【转载】
- CSS的盒子高度height使用100%后浏览器不兼容的解决办法
- css 页面布局，自适应高度，居中，背景半透明
- css容器背景图高度自适应的三种简单方法
- css_day04_盒子模型的宽度和高度理解
- css中div不能被撑开高度不能自适应的问题
- 未设置高度的容器背景和边框不显示问题（CSS）
- CSS背景、尺寸、显示、盒子模型以及元素的定位
- CSS背景、尺寸、盒子模型
- CSS-自定义高度的元素背景图如何自适应以及after伪类在ie下的处理