<!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圓角的實現，經歷了三大發展階段：背景圖片方式、CSS2.0+HTML標簽模擬、CSS3.0圓角屬性）。本案例詳細講解每一種的實現方式，并對實現的優缺點進行對比分析。
????????????</p>
???????</div>
???????</div>
</body>
</html>設置.pic{float:left;}???????? .p{float:left;}不能使圖片和文字在同一行上，反而單獨設置.pic{float:left}兩者就可以實現，這是為什么，設置雙浮動不是常用的方法，這里為什么不行？
1 回答
- 1 回答
- 0 關注
- 1398 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消