初学html时写CSS样式时总会遇到第一个子元素的margin-top越界以及所有子元素浮动后父元素高度为0且影响后续元素的问题。对于第一个子元素的margin-top越界问题当初是采用为该子元素的父元素设置border-top或者margin-top,但是今天老师教了另一个更完美的方法,那就是在父元素内生成一个空字符即让子元素不再是第一个子元素,且将其display设为table,代码如下: 初学html时写CSS样式时总会遇到第一个子元素的margin-top越界以及所有子元
初学html时写CSS样式时总会遇到第一个子元素的margin-top越界以及所有子元素浮动后父元素高度为0且影响后续元素的问题。对于第一个子元素的margin-top越界问题当初是采用为该子元素的父元素设置border-top或者margin-top,但是今天老师教了另一个更完美的方法,那就是在父元素内生成一个空字符即让子元素不再是第一个子元素,且将其display设为table,代码如下: 初学html时写CSS样式时总会遇到第一个子元素的margin-top越界以及所有子元