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

為了賬號安全,請及時綁定郵箱和手機立即綁定

來個大??纯?,這個情況怎么解決,我想把mainbody這個字覆蓋掉

http://img1.sycdn.imooc.com//573d6719000158e102160182.jpg就是這個情況,用浮動但是浮動不上去了,因為mainbody

正在回答

5 回答

mianbody文字寫在left和right元素后面就行了

0 回復 有任何疑惑可以回復我~
#1

牛牛兀 提問者

非常感謝!
2016-05-21 回復 有任何疑惑可以回復我~

你是想把文字覆蓋掉,用positon:absolute 就可以,樓主的方法是把文字移到下邊去了

1 回復 有任何疑惑可以回復我~


<body>

<div id="wrap">

? <div id="header">頭部</div>

? <div id="mainbody">

? ? <div class="left">left</div>

? ? <div class="right">right</div>

? ? mianbody

? </div>

? <div id="footer">版權部分</div>

</div>

</body>


0 回復 有任何疑惑可以回復我~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

<style type="text/css">

* {

? ? margin:0;

padding:0;

}

div{font-size:20px;color:white;font-weight:bold;}

#wrap {

background:#00C;

margin:0 auto;

width:960px;

}

#header {

background:#FF3300;

width:100%;

}

#mainbody {

? ?background:#FC0;

? ?width:100%;

? ? ? ? overflow:hidden;

}

.left {

width:800px;

height:200px;

background:#000;

float:left;

}

.right {

width:140px;

height:500px;

background:#690;

float:right;

}

#footer {

background:#639;

width:100%;

}

</style>

</head>


<body>

<div id="wrap">

? <div id="header">頭部</div>

? <div id="mainbody">mainbody

? ? <div class="left">left</div>

? ? <div class="right">right</div>

? </div>

? <div id="footer">版權部分</div>

</div>

</body>

</html>


0 回復 有任何疑惑可以回復我~

把代碼放上來,這樣才知道根本原因


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

來個大??纯?,這個情況怎么解決,我想把mainbody這個字覆蓋掉

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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