如何将内边距或外边距添加到元素的父元素和子元素?

发布网友发布时间：2022-04-20 17:15

共1个回答

热心网友时间：2022-04-20 18:44

IE的问题：一.双边距问题浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法：在此浮动元素增加样式 display:inline;二.图片产生的间隙父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。解绝方法：1.在源代码中让</div> 和<img>在同一行，因为那个间隙是由换行符产生的。 2.给<img>添加样式 display:block;三.最小高度问题块元素最小高度为10px，当高度定义小于10px时，仍为10px;解决方法：为此块元素添加样式 overflow:hidden; 或让此款块元素的字体大小等于此会元素的高度。四.列表的li为浮动，则列表后面的元素不能换行的问题列表的li为浮动，则列表后面的元素不能换行。解决方法：为这个ul定义合适的高或给包含这个ul 的父div定义合适的高。五.子元素的上下外边界问题（父元素没有定义高度时）在父元素没有定义高度时，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。解决方法：给父元素定义内边距或边框。firefox问题：一. 列表的li为浮动，则列表后面的元素不能换行的问题列表的li为浮动，则列表后面的元素不能换行。解决方法：为这个ul定义合适的宽高或给包含这个ul 的父div定义合适的宽高。二.子元素的上下外边界问题（父元素没有定义高度时）在父元素没有定义高度时，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。解决方法：给父元素定义内边距或边框。二者之间的兼容问题：一.水平居中IE6：使用 text-align不但能使文本居中，还能使嵌套的块元素居中。FF2：使用text-align只能使文本居中。解决方法：在需要居中的块元素添加margin:0 auto;二.div高度自适应问题IE6：如果内容的高度超过父元素的高度，父元素的高度会增加。FF2 : 如果内容的高度超过父元素的高度，内容不会隐藏，父元素的高度也不会增加。解决方法：（假定最小高度为50px）在父元素添加 min-height:50px; height:auto !important; &nbs

www.661uc.com
www.833uc.com
www.776f.com
www.771uc.com
www.995uc.com
www.881uc.com
www.773uc.com
www.993f.com
www.993uc.com
www.116uc.com
www.991uc.com
www.337uc.com
www.717uc.com
www.113uc.com
www.199gg.com