                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

難道這是DW的BUG？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<style>

.demo{width:600px; position:relative;}

.demo.left{width:100px; float:left;}

.demo.left img{margin-left:20px;}

.demo.right{width:458px; padding:20px; float:right; background:#9cf; border:1px solid #ccc;}

.demo.right p{font-size:12px; line-height:25px}

.demo span{position:absolute; right:20px; top:10px; font-size:12px;}

</style>

<body>

? ? ? ? <div class="left">

? ? ? ?<img src="file:///E|/學(xué)習(xí)/Html/structandexpression/weibo1.jpg" width="71" height="71" /> </div>

? ? ? ??

? ? ? ? <div class="right">

? ? ? ? ? ? <h6>櫻桃小丸子</h6>

? ? ? ? ? ? <p>網(wǎng)站重構(gòu)隨著這個概念的出現(xiàn)，也帶來了DIV結(jié)構(gòu)的流行，因此也就出現(xiàn)了我們現(xiàn)在口頭常說的 “DIV+CSS做網(wǎng)站”。但從這個DIV+CSS的叫法來分析，可以了解到CSS已經(jīng)被大家用在了頁面布局上。但一個頁面不是只有控制DIV就控制了全面，還有很多其它的HTML標(biāo)簽，以前用table布局的頁面，一樣可以用CSS來控制。</p>

? ? ? ? ? ? <span>10分鐘之前</span>

? ? ? ? </div>

? ? ? ??

</div>

</body>

</html>

結(jié)果如下：

結(jié)果很明顯上圖按照老師的代碼結(jié)果無法實現(xiàn)功能，下圖是自己修改的后代碼結(jié)果實現(xiàn)了功能經(jīng)過核對發(fā)現(xiàn)問題癥結(jié)來自于.demo.xxx(xxx既可以是left也可以是right)如果將老師的代碼中的所有.demo.xxx中的.demo刪去只保留.xxx(也就是保留一級標(biāo)簽)就可以解決問題，難道是DreamweaverCS6不允許出現(xiàn).xxx.xxx這種代碼形式的出現(xiàn)還是需要詳細設(shè)置?