该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
在html和CSS的学习中,你可能会做很多精美的网页,但其中一些不常见的问题,或许初次遇到的你会很是棘手,下面就一些例子我做一些简单分析。
图片加上链接后,点击该图片默认会产生虚线边框:
解决方法:css样式中设置outline:none;即可。
边框塌陷问题:
body,div{
margin:0px;
padding: 0px;
}
#big_box{
width:200px;
height:200px;
background-color: red;
}
#small_box{
width:100px;
height:100px;
margin-top:50px;
background-color: yellow;
}
一般按照我们的理解,small_box应该是相对big_box来定位的,因为big_box是small_box的父元素,但事实上效果如上图所示(并非预期小盒子相对大盒子上边框50px)
解决方法:big_box只需要加上边框即可,也可透明。
原因:对于有块级子元素的元素计算高度的方式,如果元素没有垂直边框和填充,那其高度就是其子元素顶部和底部边框边缘之间的距离