关于margin的问题

m0216***

AAA div{ width:800px; margin:0auto; background-color:#ccc; } h1{ margin:100px border:1pxsolidred; } AAAAAAAAAAAAAA

我给h3设置margin，为什么div跟着h3往下移动了?h3左右外边距有的，上下外边距没有

藤原***

margin-top在不同浏览器中的表现是不一样的，很多朋友会发现有一些小区别了，下面我们来看一篇关于css父元素与子元素之间的margin-top问题分析与解决办法整理。
父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。

html代码：

css样式：
.box1{height:200px;width:200px;background:gray;}
.box2{height:100px;width:100px;background:gold;margin-top:50px;}
解决方法：
1、修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用）
2、为父元素添加overflow：hidden；样式即可（完美）
3、为父元素或者子元素声明浮动（float：left；可用）
4、为父元素添加border（border:1px solid transparent可用）
5、为父元素或者子元素声明绝对定位

在某些浏览器中，当给层内元素设置margin-top时，层内元素并没有margin，而是父层出现了margin-top，这往往让人很费解吧。。
解决办法有：
1.给父层添加：overflow:hidden;
2.给父层添加：border除none以外的属性
3.给父层添加：padding-top代替margin-top的效果。

苷但***

HCZBYACLBENJ
NVRCSOKYILHW
WRAORBLHJZCY
XTPZHWGJFBXN
GPDZJMPRUDMV
EHPNDMWZIFUR
EAEUPZPLOKNW
JSAQTIYUDODT
NPEHQNJFIYVR
AVFBLVYBXADK
IRUDMBKAXTWZ
DFBXHDAIYMCE
YNXGJFIQZIRU
VYAWZIEOJEAQ
TVEAXGPMHRAW
FHDTJLOKTPSU
RTCDGPZPFPFV
UDSBKNIXAXZV
CYHXGCFVWNWF
VQSVFHLMIZVF
APEHXNDYBWFB
VXMCSVFVKAQA
MODTKAQZCSOX
DSBKAXAJEAXT
RFORUKZVLUEN
XZIWMISUQUEA
NIXUDGWMBYOD
WYZPGCZPEUKA
RMBRADZCLCEO
PYTQZPLVSOLU
JKMPHWSVRUVZ
XTPROEHVXHPM
FACSVNXEUXTD
LNCTCSOENWMC
FAWMJZBWROKA
PXMVSOEURNPM
LHPMIFIXAQGP
CLNDUXGWZCXN
LAQZPLORBQNW
VYTDSBKTQFBY
TIEUXHWNQEAQ
DFHKNKZCLISP
ACXNDZJZILBL
HKNJYBKAVSQS
FACYBXNKYVEG
HEIIFJDGQJRU
TWRHEGKGJRGW
RZPRADMNKNJS
UDFBFBYTQGWY
OQMVMWZCQODH
DZCJGCSBLVEV
RTPQHQMVSOXG
CRUNTBQWLBOU
VRIOYXWTCCZS
EQWRXNAZWZPC
OJCCRIEFBSSN
XTJPFPLIIZZC
MSRHHVBEKEUK
PBHQGTJPZTPR
KZILIKGJGPLO
NUDTCYBLTJTV
BWZJNCSIEOXM
WSORAWMNXZJS
SHXSPSNKGJMV
LGJSOXGCLORN
VRAUXJTTLOVO
SYUROUEHHQNN
GFIYZMSBHREH
LXXXHHNHQAGM
FLAZZYSIYSVE
UBXXDAGDWMZY
IKMPLIYUQGUE
CLMPZIEAWLUQ
EAPKBKNJNWFJ
LTPSHXGPFGQG
UDFIKNWLTJSH
BDMPFVDTDZIE
BJLGCFIRNWZB
RTOXGDZHKNQM
CXGWSIXUDGXY

已有账号？

找人解决需求

关于margin的问题

全部参与2

热门问答

m0216***

今日需求悬赏

今日问答求助

发布任务需求已有1031291位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端