Float疑問(wèn)?
<html>
<head>
<style type="text/css">
div
{
width:200px;
height:200px;
border:1px red solid;
float:left;
}
</style>
</head>
<body>
<div>
<div id="q"></div>
<div id="p"></div>
</div>
</body>
</html>
代碼有問(wèn)題嗎?為什莫運(yùn)行結(jié)果還是垂直分布,不在通過(guò)一水平面上。。。。
2016-04-19
<div>
<div id="q"></div>
<div id="p"></div>
</div>
這里相當(dāng)于有三個(gè)框,仔細(xì)觀察運(yùn)行結(jié)果會(huì)發(fā)現(xiàn)上面的框的線要寬些;之所以運(yùn)行的還是垂直的是因?yàn)榇颂幎x的“q”“p”已經(jīng)限制在下劃線的這個(gè)框里,超出部分只會(huì)向下排而不會(huì)水平排列;刪除下劃線應(yīng)該是你想要的結(jié)果
2016-04-19
將這里下劃線的<div>標(biāo)簽去掉就對(duì)了
<div>
<div id="q"></div>
<div id="p"></div>
</div>
2016-04-19
你試試全屏效果