亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

這個有關自適應的百分比如何去計算???

這個有關自適應的百分比如何去計算???

Blizzard_lihe 2016-11-10 13:01:54
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>Document</title> <style?type="text/css"> .left,.right,.main{height:?400px;} .left{width:?30%;background:?red;position:?absolute;top:0;left:?0;} .main{margin:0?20%;background:?pink;} .right{width:?30%;background:?blue;position:absolute;top:0;right:?0;} </style> </head> <body> <div>hhhhh</div> <div>hhhhh</div> <div>hhhhh</div> </body> </html>為啥還出現了覆蓋??????
查看完整描述

1 回答

?
stone310

TA貢獻361條經驗 獲得超191個贊

按照你的思路,修改了見注釋

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<style?type="text/css">
????????*{margin:0;padding:0;}???????????/*初始化*/
????????body{width:100%}??????????????????/*設置父元素寬度,margin百分比才有效果*/
????????.left,.right,.main{height:?400px;}
????????.left{width:?30%;background:?red;position:?absolute;top:0;left:?0;}
????????.main{margin:0?30%;background:?pink;}???????????????/*左右相隔30%,剛剛好*/
????????.right{width:?30%;background:?blue;position:absolute;top:0;right:?0;}
????</style>
</head>
<body>
<div?class="left">hhhhh</div>
<div?class="main">hhhhh</div>
<div?class="right">hhhhh</div>
</body>
</html>


查看完整回答
反對 回復 2016-11-10
  • 1 回答
  • 0 關注
  • 1080 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號