<!DOCTYPE html><html><head> <style> *{margin: 0;padding: 0;} .container{width: 600px;border: 1px solid black;overflow: hidden} .left{float: left;width: 150px;border: 2px solid red; padding-bottom: 2000px;margin-bottom: -2000px;} .right{float: left;width: 400px;border: 3px solid darkblue; padding-bottom: 2000px;margin-bottom: -2000px;} </style> </head> <body> <p class="container"> <p class="left">ger</p> <p class="right">gr<br><br><br>rg</p> <p style="clear:both"></p></p></body></html>
實現兩列布局
<!DOCTYPE html><html><head> <style> *{margin: 0;padding: 0;} .container{width: 900px;border: 1px solid palevioletred;overflow: hidden;position: relative;} .left{margin-right: 120px; border: 1px solid green;height: 300px;} .right{float: right;width: 100px;border: 1px solid black;position: absolute; top:0;right: 0;} img{max-width: 100px;max-height: 100px;} </style></head><body><p class="container"> <p class="left"></p> <p class="right"><img src="4.jpg"/> </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
