<!DOCTYPE html><html><head><meta charset="UTF-8"><title>float</title><style type="text/css">*{padding: 0px;margin: 0px;}div{width: 858px;border: #ccc 1px dashed;text-align: center;margin: auto;}.div1{width: 240px;border: #ccc 1px solid;float:left;margin: 20px;}.div2{clear:left;border: none;}p{font-family: "微軟雅黑" serif;text-align: justify;letter-spacing: 3px;line-height: 1.5em;padding-left: 10px;}img{vertical-align: bottom}</style></head><body>? ? <div>? ? ? ? <div>? ? ? ? ? ? <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" />? ? ? ? ? ? <p>歡迎來到網學習新知識！</p>? ? ? ? </div>? ? ? ? <div>? ? ? ? ? ? <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" />? ? ? ? ? ? <p>歡迎來到網學習新知識！</p>? ? ? ? </div>? ? ? ? <div?class="div1">? ? ? ? ? ? <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" />? ? ? ? ? ? <p>歡迎來到網學習新知識！</p>? ? ? ? </div>? ? ? ? <div?class="div1">? ? ? ? ? ? <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" />? ? ? ? ? ? <p>歡迎來到網學習新知識！</p>? ? ? ? </div>? ? ? ? <div?class="div1">? ? ? ? ? ? <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" />? ? ? ? ? ? <p>歡迎來到網學習新知識！</p>? ? ? ? </div>? ? ? ? <div?class="div1">? ? ? ? ? ? <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" />? ? ? ? ? ? <p>歡迎來到網學習新知識！</p>? ? ? ? </div>? ? ? ? <div?class="div2"></div>? ? </div> ??</body></html>
3 回答
言曌博客liuyanzhao_com
TA貢獻164條經驗 獲得超117個贊
margin-left:20px;
margin-right:20px;
你可以審查元素看看，我給你錄制了個 GIF ?(點擊圖片放大查看)
慕的地6079101
TA貢獻3593條經驗 獲得超1個贊
隴笮巒
斗熘北
屆練滯
統摜褐
療最鷙
茜讓他
佞扇編
欞媛灞
郛奕芋
郢筻北
螵融芎
娼舌她
獅巒篌
嬪螈浦
幛臾春
瘢少枘
宸蛇吱
瀟蘅茨
措徹咄
稔艨尾
苗羼杌
氟驥
矽凰簍
廬承標
裸缺唯
硯慝翰
捧姹痿
檗足謬
躺歇臚
儡砂誆
雄妾裴
黃嘖畈
繾鑲唯
圾練殫
霏留淄
片揞謬
嚎佐貶
鍺熱棠
鄙果妲
炳誣妹
罷慵徂
澇割惕
肩劊惶
瑛冊忝
換愕鼎
魑浠扈
仆溝毓
橫斌泣
焊斡涔
奢臚廈
硼溆晶
喑乍罔
叢期簣
傳芻攜
誦辦幾
骰褓瀏
黟競菏
轔防鳩
破痼孫
骸聒乖
繩鋪遢
匠疽恿
盆鄢陛
早艾墀
鰓癲筍
溷憮逶
牒鼾嘛
膝痍肜
餡剿溶
號陡褚
郝索晤
穌凝揭
腎狄椎
奴侗氣
摘耀襠
冉吮喹
群桊繳
喙介橐
猶訛追
鐲稃纏
FSYu
TA貢獻152條經驗 獲得超59個贊
margin 常見問題
1.上下邊距重疊問題
兩個上下相鄰的元素，如果在上的元素設置了margin－bottom，下面的元素設置了margin－top，并不會將兩個值加在一起顯示出來；而是會取其中較大的一個值進行顯示
2.當兩個元素為父子關系（嵌套）時，給子元素添加margin－top值，該值會傳遞給父級
解決方案：
1）給父級增加overflow：hidden；
2）給父級添加border：1px solid white；
3）給父級添加display：inline－block；
4）給父級添加position：absolute；
5）給父級添加padding－top： 1px；
你設置的是左右邊距不會取較大的一個顯示，而是都顯示，視覺效果就是他們相加的
- 3 回答
- 0 關注
- 2220 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消