html – Div边框没有显示_html-js-css

概述由于人们的代码有很多变化,我很难找到问题的直接答案. 我想我的代码可能非常混乱,因为我正在尝试为我的合作伙伴建立一个网站,而且很快(我只有几个小时的Dreamweaver体验,就是这样)！无论如何,我有一个固定宽度的网站,其中一列中有大约6个独立的div,所有div都包含在我的背景颜色的网页大小的div中. 无论如何,当我尝试向页脚添加边框时,它不会显示在浏览器中.我只想1px将’main’di 由于人们的代码有很多变化,我很难找到问题的直接答案.

我想我的代码可能非常混乱,因为我正在尝试为我的合作伙伴建立一个网站,而且很快(我只有几个小时的Dreamweaver体验,就是这样)！

无论如何,我有一个固定宽度的网站,其中一列中有大约6个独立的div,所有div都包含在我的背景颜色的网页大小的div中.

无论如何,当我尝试向页脚添加边框时,它不会显示在浏览器中.我只想1px将’main’div与页脚分开,它就不会出现了.这对我的导航div也是一样的.

body{               color:#00000;               margin-@R_301_6823@:0px;               margin-right:0px;               margin-top:0px;               margin-bottom:0px;               }       #body{       background-color:#000000;       }       #header{               wIDth:800px; /* The wIDth is fixed by pixels */               height:150px; /* The height is fixed by pixels*/               color:#fff;               margin-@R_301_6823@:auto;               margin-right:auto;               margin-top:0px;               margin-bottom:0px;        }        #navigation {               wIDth:798px;               height:51px;               margin-@R_301_6823@:auto;               margin-right:auto;               margin-top:0px;               margin-bottom:0px;               border-style:solID; /*Selecting solID made the border appear*/               border-@R_301_6823@:1px;               border-right:1px;               border-top:0px;               border-bottom:1px;               border-color:#000000;                   text-align:center;                   background-color:ffffff;        }        #main {               wIDth:798px; /* The wIDth is fixed by pixels */               height:800px; /* The height is fixed by pixels*/               color:#fff;               background-color:#fff;               margin-@R_301_6823@:auto;               margin-right:auto;               margin-top:0px;               margin-bottom:0px;               border-style:solID; /*Selecting solID made the border appear*/               border-@R_301_6823@:1px;               border-right:1px;               border-top:0px;               border-bottom:0px;               border-color:#000000;               text-align:center;        }        #footer {                                      /*Styling for any element with the ID="container" */                      wIDth:798px; /* The wIDth is fixed by pixels */                       height:100px; /* The height is fixed by pixels*/                       color:#fff;                        background-color:#fff;                        margin-@R_301_6823@: auto;                        margin-right:auto;                        border-style:solID;                        border-@R_301_6823@:1px;                        border-right:1px;                        border-bottom:1px;                        border-top:1px;                        border-color:#000000;                        }                        #Facebook {                        float:right;                        }                        #Twitter {                        float:right;                        }                        #linkedIn {                        float:right;                        }      </style> </head>  <body> <div ID="body"> <div ID="header"> <a href="Home.HTML"><img src="Images/logo.jpg" alt="Ruth Fifer Jewellery"> </a> </div>   <div ID="main">   <div ID="navigation">   <br /> </div>   <br />   <br />   <img src="Images/Home Image.jpg" /> </div> <div ID="footer">     <a href="https://www.facebook.com/ruth.fifer.5?fref=ts" target="_blank"> <img src="Images/facebook.png" alt="Facebook" ID="Facebook"/></a>   <a href="https://twitter.com/martynjakins" target="_blank"> <img src="Images/twitter.png" alt="Twitter" ID="Twitter"/></a>   <a href="http://www.linkedin.com/profile/vIEw?ID=225071408&trk=tab_pro" target="_blank"><img src="Images/linkedin.png" alt="linkedIn" ID="linkedIn"/></a></div> </div> </body>

如果有人能够帮助它会很棒,因为我感觉我可能因为我的经验不足而使用冲突的代码但是没有时间现在就学习所有东西而是会回到我有更多的地步时间调整的事情.

谢谢,

马丁

解决方法 1)写<！DOCTYPE>< HTML>< head>标记在代码的开头.

2)写< / HTML>标签在代码的末尾.

和使用：