標籤：
今天遇到一個問題，先貼上代碼：
<!DOCTYPE html><html><head><title></title><style type="text/css">*{padding: 0;margin: 0;}.parent{width: 660px;height: 600px;}.fore1,.fore2{width: 440px;float: left;}.fore3,.fore4,.fore5,.fore6{width: 220px;height: 150px;float: right;}.fore1{background-color: black;height: 150px;}.fore2{background-color: pink;height: 450px;}.fore3{background-color: gray;}.fore4{background-color: red;}.fore5{background-color: blue;}.fore6{background-color: yellow;}</style></head><body><div class="parent"><div class="fore1"></div><div class="fore2"></div><div class="fore3"></div><div class="fore4"></div><div class="fore5"></div><div class="fore6"></div></div></body></html>
效果：
不明白為什嗎？？？？
CSS float:left和 float:right遇到的問題
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
