<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.box{width: 400px;height: 400px;background-color: red;/* 解決margin-top塌陷問題 *//* 1.設定border padding *//* border: 1px solid green; *//* padding: 1px; *//* 2.設定overflow */overflow: hidden;}/* 3.通過偽類實際開發使用*/.clearfix:before{content: "";display: table;}.box1{width: 100px;height: 100px;background-color: green;margin-top: 50px;}</style></head><body><p class="box clearfix"><p class="box1"></p></p></body></html>
運行效果如下：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
