<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動模型</title>
<style?type="text/css">
.pic{float:left;}
.p{float:left;}
</style>
</head>
<body>
?<div?class="mid">
?????????<div?class="pic"><img?src="http://img1.sycdn.imooc.com//55add9c50001040d06000338.jpg"></div>
?????????<div?class="p"><a?href="#">CSS圓角進化論</a><br>
????????????<p>CSS圓角的實現(xiàn)，經(jīng)歷了三大發(fā)展階段：背景圖片方式、CSS2.0+HTML標簽模擬、CSS3.0圓角屬性）。本案例詳細講解每一種的實現(xiàn)方式，并對實現(xiàn)的優(yōu)缺點進行對比分析。
????????????</p>
???????</div>
???????</div>
</body>
</html>設置.pic{float:left;}???????? .p{float:left;}不能使圖片和文字在同一行上，反而單獨設置.pic{float:left}兩者就可以實現(xiàn)，這是為什么，設置雙浮動不是常用的方法，這里為什么不行？
添加回答
舉報
0/150
提交
取消