第一個(gè)div浮動(dòng),第二個(gè)不浮動(dòng),正常第二個(gè)div頂替第一個(gè)div位置,為何文字還在原來(lái)的位置?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮動(dòng)模型</title>
<style type="text/css">
#div1{
border:2px red solid;
? ? width:40px;
? ? height:200px;
? ? float:left;?
}
#div2{
? ? border:2px red solid;
? ? width:40px;
? ? height:200px;
? ? ??
}
</style>
</head>
<body>
<div id="div1">欄目1</div>
<div id="div2">欄目2</div>
</body>
</html>
2017-11-15
float設(shè)計(jì)最初的主要效果和功能就是要讓文本環(huán)繞圖片,如果給塊狀元素設(shè)定float,就是文本環(huán)繞塊狀元素呀~? 那就說(shuō)說(shuō)浮動(dòng)元素和其他元素重疊時(shí)候的顯示情況吧: 1, 與行內(nèi)元素或行內(nèi)塊元素重疊的時(shí)候,環(huán)繞在浮動(dòng)元素周圍,情景:span標(biāo)簽內(nèi)的文本環(huán)繞圖片。2, 與塊狀元素重疊的時(shí)候,塊的背景邊框會(huì)在浮動(dòng)元素下面,但是塊中所包含的行內(nèi)塊元素和行內(nèi)元素仍然會(huì)環(huán)繞在浮動(dòng)塊元素周圍,情景就是題主的例子。? ?轉(zhuǎn)載,侵刪
2016-11-27
那是因?yàn)槟鉪iv2的寬度太小了,字被擠到下面去了,你把div2的寬度設(shè)成1400px,你看看字是不是上去了
2016-11-07
我的理解是,你使的是浮動(dòng)模型。浮動(dòng)好像不會(huì)被覆蓋。。只有層默認(rèn)中position:abolite (絕對(duì)定位)才會(huì)被覆蓋。不知道對(duì)不,你可能想使用層模型來(lái)實(shí)現(xiàn)元素移動(dòng)。
2016-11-07
在8-5里有相關(guān)知識(shí)
2016-11-07
id的調(diào)用是一次性的,第二次使用效果就失效了