課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實戰(zhàn)
第二種解決方法不是很理解,可以提供下代碼并解釋下原理嗎?
2015-03-30
源自:企業(yè)網(wǎng)站綜合布局實戰(zhàn) 2-6
正在回答
<!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=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
/*在此定義相應(yīng)的類選擇器,并根據(jù)要求設(shè)置相關(guān)CSS屬性*/
.mainBOX{height:300px;
float:left;}
.leftBOX{clear:both;}
.rightBOX{clear:both;}
</style>
</head>
<body>
<!--在此添加相應(yīng)的div標簽-->
<div class="mainBox">
? ? <div class="leftBox"></div>
? ? <div class="rightBox"></div>
</div>
</body>
</html>
②定義一個類選擇器,并設(shè)置clear:both;清除浮動,同時為了解決IE6中div有高度的問題可以增加屬性height:0;overflow:hidden;
---------------------
背景div所在的位置,清除了float的效果,所以能顯示成最終效果
<div class="wrap">
? ? <div class="left">
? ? ? ??
? ? </div>
? ? <div class="right">
--------------------------
.wrap{width:960px;background-color:#cff;overflow:hidden;}
什么第二種解決方法?沒看懂你的問題~~
舉報
本課程重點介紹HTML/CSS實現(xiàn)常見企業(yè)網(wǎng)站布局的方法
2 回答日期在IE下錯位是因為什么原因?放在左側(cè)解決的原理是什么?
1 回答解決焦點圖不顯示方法:去掉.ad的overflow:hidden;就可以了
1 回答請問一下怎么理解父元素
1 回答浮動問題I不理解
2 回答css樣式list_box_newsContent不起作用,p可以為什么,誰能解釋一下
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-11-30
<!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=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
/*在此定義相應(yīng)的類選擇器,并根據(jù)要求設(shè)置相關(guān)CSS屬性*/
.mainBOX{height:300px;
float:left;}
.leftBOX{clear:both;}
.rightBOX{clear:both;}
</style>
</head>
<body>
<!--在此添加相應(yīng)的div標簽-->
<div class="mainBox">
? ? <div class="leftBox"></div>
? ? <div class="rightBox"></div>
</div>
</body>
</html>
2015-03-31
②定義一個類選擇器,并設(shè)置clear:both;清除浮動,同時為了解決IE6中div有高度的問題可以增加屬性height:0;overflow:hidden;
---------------------
背景div所在的位置,清除了float的效果,所以能顯示成最終效果
<div class="wrap">
? ? <div class="left">
? ? ? ??
? ? </div>
? ? <div class="right">
? ? ? ??
? ? </div>
</div>
--------------------------
.wrap{width:960px;background-color:#cff;overflow:hidden;}
2015-03-30
什么第二種解決方法?沒看懂你的問題~~