css怎么設置2個div同行,第一個固定寬度,第二個占滿剩余的部分


<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> *{margin:0;padding:0;}
.wrap { width:1000px height:500px;margin:100px auto;border:1px solid;} .left {float:left;width:200px;background-color:#ff0;height:500px;} .right {background-color:#f00;height:500px;margin-left:200px;} </style> <title>My First Blog</title> </head> <body>
<div class="wrap">     <div class="left">left</div>   <div class="right">right</div> </div>
</body> </html>  
 <!-- 如果沒有wrap包圍的話,是可用的,但是加上wrap之后,右邊就被擠下去20像素,剛才研究了一下也沒研究出來,有時間在好好研究研究是哪里擠下去的 -->             


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM