<html>
??<head>
?????<title>布局練習(xí)</title>
?????<meta?charset="utf-8">
?????<style?type="text/css">
??????body{
????????margin:0;
????????padding:?0;
????????font-size:30px;
????????font-weight:?bold;
??????}
??????.main{
????????width:?458px;
????????padding:?20px;
????????margin-left:100px;
????????background:?#9cf;?
????????border:?1px?solid?gray;
????????position:?relative;
??????}
??????.main?.left?image{
??????float:?left;?
??????margin:-20px?0?0?-130px;
??????}?
??????.main?.right?p{
????????font-size:?12px;
????????line-height:?25px;
??????}
??????
??????.main?.right?span{
????????position:?absolute;
????????right:?20px;
????????top:10px;
????????font-size:?12px;
??????}
?????</style>
??</head>
??<body>
???<div?class="main">
??????<div?class="left">
???????<image?src="C:\Users\Desktop\Koala.jpg"??width="100px"?height="100px">
??????</div>
??????<div?class="right">
???????<h6>櫻桃小丸子</h6>
???????<span>10分鐘前</span>
???????<p>網(wǎng)站重構(gòu)隨著這個概念的出現(xiàn)，也帶來了DIV結(jié)構(gòu)的流行，因此也就出現(xiàn)了我們口頭說的“DIV+CSS做網(wǎng)站”。單從這個DIV+CSS的叫法來分析，可以了解到CSS已經(jīng)被大家用在了頁面布局上了。單一個頁面不是只有控制DIV就控制了全面，還有很多其他的HTML標(biāo)記，以前用table布局的頁面，一樣可以用CSS來控制它
???????</p>
??????</div>
???</div>
??</body>
</html>
2017-12-26
我也和你是同樣的問題，我把css前面的.main都去掉就正常了，但是我還是不知道原因是什么
2017-12-04
自問自答，我把img標(biāo)簽寫錯了，不過新版瀏覽器中能對html正確解析，而css解析器卻不認(rèn)識。