Question

我将网站设为软件搜索引擎。但这是网站中的HTML或CSS问题。检查给出网址。
http://www.azelead.tk/search.php?search=skype
如果您在浏览器中看到搜索结果内容，那么它。您的浏览器是否支持此功能，如果没有，请查看该问题是什么以及如何解决此问题。
代码：访问此网站并右键单击，然后单击显示源代码这里有所有的css和html代码 更新：

这是一个css代码

 #navBar{
margin:20px 0px 20px 0px;}  
 #navBar a{
display:block;
width:134.7px;
text-align:center;
text-decoration:none;
font-size:16px;
color:#FFF;
background-color:#06F;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #0099FF;
padding:10px 0 10px 0;
float:left;}
 #navBar a:hover, #result a:hover{
background-color:#FFF;
color:#06F;}
 #downDiv{
margin-top:10px;
border:1px solid #00BBFF;
overflow:hidden;}   
 #searchContent{
margin-top:30px;
border:2px solid #0099FF;
background-color:#FFFFCC;
padding:7px 7px 7px 7px;
width:600px;
color:#0D2E57;
float:left;}

这是html代码。

<body>
  <div id="navBar">
            <b><a href="index.html">Search</a>
            <a href="dailysoft.html">Daily Soft</a>
            <a href="addsite.html">Add Site</a>
            <a href="contactus.html">Contact us</a>
            <a href="TermsAndConditions.html">Terms & Cond.</a>
            <a href="javascript:feedback('RFB');">FeedBack us</a>
            <a href="javascript:errorReport('RER');">Error Report</a></b>
        </div>
    <div id="downDiv">
            <div id="searchContent">
            I want this div in down side of the nav bar<br />
            other content goes here any sample content.<br />
    </div>
 <div>
 This is another div which I want on the right hand side<br />
 of the div search content.
 </div>     

 </body>

Answer 1

或者：

从导航栏链接中移除float:left; display:block，然后添加display:inline-block - 您可能需要调整一些尺寸或删除它们之间的所有空格，但它可以正常工作。
或：将clear:both添加到downDiv元素

在我的网站上更正Html Float

1 个答案: