標籤：round lan style 適應 log 浮動 arp doc lang
方案一：利用padding-left預留空間，左側脫標，右側寬度相當於父元素的100%
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>左側寬度固定，右側寬度自適應</title> <style> .container{ padding-left: 300px; width: 100%; height: 500px; background-color: cadetblue; position: relative; } .left{ position: absolute; left: 0; top: 0; width: 300px; height: 500px; background-color: brown; } .right{ height: 500px; width: 100%; background-color: aqua; } </style></head><body><div class="container"> <div class="left">left</div> <div class="right"> right right right right right </div></div></body></html>
方案二：左側設定浮動，右側不指定寬度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .left{ float: left; width: 500px; height: 500px; background-color: cadetblue; } .right{ height: 500px; background-color: brown; } </style></head><body><div class="left">left</div><div class="right">right</div></body></html>
css布局之左側寬度固定，右側寬度自適應
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
