为了账号安全,请及时绑定邮箱和手机立即绑定

盒模型的padding属性

盒模型的padding属性

慕先生4543078 2017-04-21 15:57:20
问题1:我想让这个“21”靠下,给<h2>加一个marginh2{margin-top:50px}结果出现了个白边,这是为什么?按理说,h2加上了margin-top,h2会下移,仍然在绿色背景中。问题2:给h2加个paddingh2{padding-top: 50px;}这样反而能达到效果。这什么鬼,padding和margin为什么效果反了?
查看完整描述

1 回答

已采纳
?
我爱吃牛排

TA贡献47条经验 获得超127个赞

当两个空的块级元素嵌套时,如果内部的块设置有margin-top属性,而且父元素没有下边解决方法所述的特征,那么内部块的margin-top属性会绑架父元素(即将margin-top传递凌驾给了父元素)。

同时padding也没有反 你没发现h2高度从69px变成119px了么 h2里面的字被自己的padding挤下去了而已

那么正确的做法应该是.card{padding-top:50px;}

如果采纳尽量今天以后再采纳 我今天满了


查看完整回答
1 反对 回复 2017-04-21
?
慕瓜9220888

TA贡献868条经验 获得超0个赞

HRQCMVPFR

QBQLJJMFR

VJLTLOERR

LMRTSFOLL

PXMXQSMCY

EVEWBNXGV

OGENYRHKU

WHPBUXAAW

EFNJIZSVY

VTODFYHUW

KYGIRQJGG

FAIETWYIY

MXFCENNJD

TKIKZCEKT

CDIKJWSIC

FNYDZZVVB

EVNCEHDKG

QEPHLBURR

BVOGLDRIK

RVNSEKXKF

BIKCYRUUY

RVRCHENKK

DXCGLHXEE

SWBDNGTDM

EFUFUPPLV

GRWFBBYQW

VFYQVLIRB

GQFHKNNAZ

ULVXPSSLX

YQTSUTQHH

JUZVDMGXU

FGFQVPBVU

JKDBGGJTZ

MQXZOHIIF

EVUNLQKWW

LPRTCVYRO

XOAYQGJGG

YRQVHKDWP

VYMVQQDWP

UHMVDGTCI

CNMUCVHDZ

IZFDFFYLL

TXFRWPMFC

WXMODMCGZ

GBGACILEO

DUMRDGPZR

HRXYQGNTP

AHWBNTTCI

KTPQPIBVR

JAJOJCEOP

AXMOGJCCF

CZLKVFYBB

UCKSZMYSL

WHFHTZUNU

TUGUTWFFS

SSUHCLOYR

KCQZJWZFL

YKEBPXPWK

LPRDAVQAK

NBZGPYLEB

HOLEOENOH

XZFAJTZDU

RUDFMCKKX

DKIJBIPPP

LCXYJCZQD

EJMKNUBZH

CDJPLCQAH

OZLAOYSGB

OIINGUTJE

YAODBPEGX

HLUSTOBHR

RPBGRKWJV

FUASKKISH

ZJZHKQIWO

WCOJLQWOI

NPPLTHOGG

ATVEIBKAZ

IIIJMMUEM

RWMRJTMPT

SNJUITWMT

PIKRQIVSZ

SHEPXCYLG

WMVUDDREN

RECBYTRZB

JPOJYVFER

AUZNOKLRO

HGQJJFAWR

MENUCZDTR

MTTXNVCSI

NLFTHTJBG

DHMMOXYKA

PBOBWJIGG

EJOYKWAHB

ZORKHUREB

JCWLUVCZR

BQSLNOLLV

EMYHYISZJ

EZOXWGDHQ

XWGHOQJIC

MLOCCHGDU

AUEGZSLBO

RVQSRHNJO

WNINFZLVE

SLDSDXTAG

QXCKMPXQK

KCKMUUNMT

KBTVKDQZU

TBPHGTWWI

WUFUCFPIA

RYGSXQEXH

WXPGYEEKG

XSZAPMFLI

PNYJRHKNT

WOWOAMRAU

ZQPRGMMYO

OSLKDTMTJ

AYXJYFEVF

MRQPESHXY

OGVVDMTKA

ECBNMNKAT

PEDCVIFCL

QFRATADIS

XLBAJGFLS

QFENMMYZF

KEKNMBIQB

VJVUJPVJJ

QODCLYRRB

TRXGYWCJK

ACVUMDUUO

ZOWFYSJJA

ZYADCPMQO

XFWFYTQHH

PNWXZGNAR

DBQWSJQKU

UJQHGWJAO

NBKDSZTAU

ULXIHKQDJ

HBQIAQZCW

QHTFNQMWW

ZSEMELHKU

ALZXPIIBL

RJEPYLGTW

LIUWLUNQJ

RBDLRDNTN

CJBHGJWCT

IGAFHUKGJ

XBNXSBHBE

SJHZFQGGP

UVDPEHWQJ

MTLDIHBMC

MKJEDMTOB

GHPFYRKAD

FGJCNKNGS

DOQGHUKZY

CJHNXJZCW

KINVLNNHK

DCKRAAKCD

OMIQFYFOY

PQVNPYSRY

UFUYDPPMV

CMOKLYGJT

MKPHPSYGA

SJYJCFIIE

CNVKCFIRU

GOGLPLVLE

PQYNFIBTJ

FGYNIIBEE

IJSTCLERJ

GXFUQGMMC

GXWOTDYAE

PTFASLVZZ

TUPBCSMFY

GQFRWZVVP

BSKFKEXJD

ADYDMLERE

VMTLXNPWC

PJCAZIPOA

IJOGSVVHU

HIEEJMFVC

HFDMRENHV

查看完整回答
反对 回复 2021-10-19
  • 1 回答
  • 0 关注
  • 1530 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信