标签:
今天遇到一个问题,先贴上代码:
<!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遇到的问题
标签:
原文地址:http://www.cnblogs.com/niulina/p/5744598.html