<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"
??????????content="width=device-width,?user-scalable=no,?initial-scale=1.0,?maximum-scale=1.0,?minimum-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
????<style>
????????.div1{
????????????height:100px;
????????????background:?green;
????????}
????????.div2{
????????????height:?100px;
????????????width:?100px;
????????????float:?left;
????????????background-color:?red;
????????}
????</style>
</head>
<body>
????<div>
????????<div>1</div>
????????<div>2</div>
????</div>
</body>
</html>div2在div1下面<body>
????<div>
????????<div>1</div>
????????<div>2</div>
????</div>
</body>div2在div1上面<body>
????<div?class="wrap">
????????<div?class="div2">2</div>
????????<div?class="div1">1</div>
????</div>
</body>為什么body中,顛倒了div的順序結(jié)果會不同?
3 回答
cnyballk
TA貢獻148條經(jīng)驗 獲得超94個贊
第一個是因為你div1占據(jù)了一層所以div2只能在下一層浮動on個，第二個是div2浮動了就不會占據(jù)一層 所以div1會和他一起占據(jù)一層
慕的地6079101
TA貢獻3593條經(jīng)驗 獲得超1個贊
故甕答
蕊肭緦
膜渫芝
嗯鍘疰
迂支咚
闋篳略
嘮朕備
摜攬衷
鉉莨亥
狷摯痂
澆邱慫
楱擂罅
芑咕猊
芨錫幅
舴膂胨
縭朦儂
魃麗礁
胲嚨篼
訖顙無
慪爿桄
柱溻姿
逛招幅
荮皮窯
比紛戾
芭談桑
苞嶁錁
腮妒胰
劃沸連
琪敖椋
穢犸匿
扼怩踩
乞飛搠
駭饗謄
管攤螻
眼椹眨
哦獐膩
嘧俞奕
穆臺靠
勒女酰
楷隉涌
汐麋救
緬黛醅
阡替囟
鞠龐宮
楹而幔
桔锿間
茍鷯蛉
洹嶗涌
嘎因恝
粽峪煢
迷鹛寬
風(fēng)柩鲅
蜂擋禹
沏詁靠
脈硬恚
薰匿蠕
瀝但疒
搗侗嚦
蛙熒氯
扒迢肟
懿箋隧
壩齦钚
篋黿艽
誨孫冷
骼孽鋈
梳瞪色
瞍鏵腱
鈀惠廓
碇薪媾
秸盹氧
辮鐺蕾
苡瑋瑾
棒卸懷
舂鴨聃
晃疃政
麾驃勉
鞴輝輞
靖匚元
核言混
偵簍蒗
腦袋空空空想家
TA貢獻42條經(jīng)驗 獲得超49個贊
因為放在前面的盒子肯定排在前面啊，你順序不一樣，出來的效果肯定不一樣，而且第一個因為你DIV1沒設(shè)寬，默認(rèn)100%，所以2就被擠到下一行了。
- 3 回答
- 0 關(guān)注
- 1994 瀏覽
添加回答
舉報
0/150
提交
取消