解决子元素设置margin-top，效果到父元素上的问题

【解决子元素设置margin-top，效果到父元素上的问题】的更多相关文章

解决子元素设置margin-top，效果到父元素上的问题

有时当我们设置子元素的margin-top,但是却发现子元素没有出现上外边距的效果,反而是父元素出现了上外边距的效果. 这种问题的解决方法如下: 1.给父元素加边框. 2.给父元素设置padding-top来代替给子元素设置margin-top. 3.内容生成(推荐).代码如下: element(父元素):before{ content:''; display:table; }…

为什么子元素设置margin-top会作用在父元素上？

原因在于:CSS 外边距合并复现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> html * { margin:0; padding: 0; } </style> <body> <…

子元素设定margin值会影响父元素

有些情况下,我们设定父元素下的子元素margin值时,父元素会被影响. 这是个常见问题,而且只在标准浏览器下 (FirfFox.Chrome.Opera.Sarfi)产生问题,IE下反而表现良好. 例如: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&g…

CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">…

子元素设置margin-top作用到了父元素

子元素设置margin-top,父元素也受影响解决办法:给父元素加个padding或border或overflow:hidden或父元素加前置内容生成 CSS中盒模型的理解…

给子元素设置margin-top无效果的一种解决方法

在写一个登陆界面的时候,设置登录按钮的margin-top时出了问题先是这么写的 <div style="margin-top:30px"> <a style="float:left">注册</a><a style="float:right">找回密码</a> </div><input type="submit" name=""…

css 给inline和inline-block元素设置margin和padding

经过简单的测试,行内元素或者行内块元素的maring-left,margin-right,padding-left,padding-right都是可以正常表现的,下面来看一下剩下的margin-top,margin-bottom,padding-top,padding-bottom.经过测试,margin-top和margin-bottom都没有作用.而设置padding-top以后,元素边框则会向上超出父元素,如下图所示,而不是像正常的块元素一样表现. 而给行内元素加上padding-bott…