css浮動(dòng)
結(jié)論,非浮動(dòng)元素可以為后面的浮動(dòng)元素定位, 但是 浮動(dòng)元素?zé)o法再為其后的非浮動(dòng)元素定位。
no-float a + float b + no-float c
c和b 會(huì)按照a的邊界進(jìn)行定位,
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html><head><title>css test</title>
<style type=text/css>
body{
text-align: center;
background: #000;
}
#container{
width:778px;
background: #e3e3e3;
margin:0px auto;
}
#idparentdiv{
width:760px;
margin:0px auto;
text-align:left;
}
#boxleft{
width:200px;
height:80px;
background-color:yellow;
}
#boxmiddle{
float:left;
width:250px;
height:100px;
background-color:red;
}
#boxright{
width:250px;
height:120px;
background-color:blue;
}
</style>
<body>
<div id=container>
<div id=idparentdiv>
<div id=boxleft>boxleft---width:200px;height:20px;color:#ffffff;background-color:yellow;letter-spacing:0px; </div>
<div id=boxmiddle>boxmiddle---float:left;width:250px;height:30px;background-color:red;</div>
<div id=boxright>boxright----width:250px;height:50px;background-color:blue;</div>
</div>
</div>
</body>
</html>
點(diǎn)擊這里返回本站的 網(wǎng)頁(yè)設(shè)計(jì)教程 頻道
新聞熱點(diǎn)
疑難解答
圖片精選