摘要: img元素在底部会与其他元素之间留下一段距离的空白,并且通过给该行内块元素设置下外边距或者给其他元素设置上外边距都无法消除这个空白,解决的方案是将显示模式改成块级显示模式。(由此可以看出行内块元素在一定程度上并不稳定,当做样式时,若行内块和块级显示同样的效果,应尽量选择块级显示模式) 如下例:在im 阅读全文
posted @ 2020-03-31 18:56 雨停了,风来了 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 一、元素添加浮动后,会处于一个半脱离文档流的状态,如果没有给浮动元素的父元素设置固定的高度,那么父元素会认为没有内容撑开自己,因此父元素的高度为0,此时下面的元素会上来,被浮动元素压在下面。 解决方案: 1.给父元素设置固定的高度(父元素会缺乏灵活性,不能靠其内容自由变换撑开高度) 2.给父元素设置 阅读全文
posted @ 2020-03-31 17:58 雨停了,风来了 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 1.外边距合并问题 垂直排列的两个块级显示模式的元素,为上面的元素设置下外边距,为下面的元素设置上外边距,外边距会产生合并,当两个值相等时则外边距就是那个值,当两个值不相等时则外边距就是值大的那个值。(两个块级显示模式的元素设置为浮动后再对第一个元素设置右浮动,对第二个元素设置左浮动,不会产生合并问 阅读全文
posted @ 2020-03-31 11:28 雨停了,风来了 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 当元素的显示模式为块级显示模式时,如果不给该元素设置固定宽度,宽度会和父元素的宽度相同,此时给元素设置水平方向的padding,那么宽度会自动进行计算,不会撑大盒子,如果该元素设置了固定宽度,那么加了水平方向的padding会撑大该元素。 阅读全文
posted @ 2020-03-31 09:44 雨停了,风来了 阅读(154) 评论(0) 推荐(0) 编辑