门户网站建设情况汇报,做网站买服务器怎么样,app开发需要什么资源和团队,最简单的制作网站heigh:100%失效
解决方案#xff1a;
第一种 html, body { height: 100%; } 第二种 div { height: 100%; position: absolute; }
非定位元素的宽高百分比计算不会将 padding 计算在内#xff0c;而定位元素会计算在内。
利用这个特性可以实现图片左右半区点击分别上一张图…heigh:100%失效
解决方案
第一种 html, body { height: 100%; } 第二种 div { height: 100%; position: absolute; }
非定位元素的宽高百分比计算不会将 padding 计算在内而定位元素会计算在内。
利用这个特性可以实现图片左右半区点击分别上一张图下一张图效果
style
.box {display: inline-block;position: relative;
}
.prev,
.next {width: 50%; height: 100%;position: absolute;top: 0;opacity: .5;
}
.prev {left: 0;background-color: #cd0000;
}
.next {right: 0;background-color: #34538b;
}
/stylediv classboxa hrefjavascript: classprev title上一张上一张/aa hrefjavascript: classnext title下一张下一张/aimg srchttps://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u2249893882,1165836821fm27gp0.jpg
/div
本文转载于:猿2048➤https://www.mk2048.com/blog/blog.php?idikhab0jtitleheight百分比失效
