<menu id="a2esi"><strong id="a2esi"></strong></menu>
  • <nav id="a2esi"></nav>
    學校總部  | 設為首頁 | 加入收藏 | 官方微信
    內威培訓
    打造“培訓+就業”一站式服務品牌!
    banner1
    • Python+AI工程師
    • Web前端工程師
    • Java軟件開發工程師

    首頁>>學員天地

    關于內層DIV設置margin-top不起作用的解決方案
    編輯:Simon  閱讀:2713次  發布:14-05-29
       近日在做一個項目時,遇到一個問題,實例如下:
       代碼如下:
         <div > <!--父層-->
              <div style="margin-top:200px;">子層</div>
         </div>
       正常的效果應是父層的上部層貼邊顯示,子層距離父層頂部有200px的距離,在ie中正常,但是在ff中卻出現問題,子層和父層貼邊了,而父層和上部層卻間隔了200px。

       百思不得其解,查詢了相關資料,知道:當兩個容器嵌套時,如果外層容器和內層容器之間沒有別的元素,firefox會把內層元素的margin-top作用于父元素。也就是說因為子層是父層的第一個非空子元素,所以使用margin-top會發生這個錯誤。

       解決的辦法有兩種,即:
       1、使用浮動來解決,即將子層代碼改為:<div style="margin-top:200px;float:left";>子層</div>
       2、使用padding-top來解決,即:
         <div style="padding-top:200px;">
            <div>子層</div>
         </div>


    上一篇: innerText和innerHTML區別   下一篇: 解決span float:right不能右對齊而是換行顯示
    返回列表
    網絡大專、自考本科,學歷輕松拿!
    ©2016-2020 上海內威職業技能培訓學校 版權所有
    普陀區武寧路1500號中樓2-3層(郵編:200062)
    咨詢:021-62434966  合作:021-13371929650  就業:021-62434966  傳真:  電郵:service@snetway.com
    《中華人民共和國電信與信息服務業務》經營許可證滬ICP備15002602號 
    <menu id="a2esi"><strong id="a2esi"></strong></menu>
  • <nav id="a2esi"></nav>
    本溪娱网棋牌