css代码：
.con{ width:950px; margin-top:5px;}
.con-left{width:190px; }
.index_news_left_top{ height:23px; overflow:hidden;}
.index_news_left_top li{ float:left;}
.index_news_left_top li span{ display:inline-block; height:23px; line-height:23px; width:46px; text-align:center; color:#5F5F5F; background:url(../images/a_hover01.jpg) no-repeat; cursor:pointer;}
.index_news_left_top li .hdm_01{ background:url(../images/a_hover02.jpg) no-repeat;}
.index_news_left_top li .bg_block{ background:url(../images/a_hover02.jpg) no-repeat;}

.news_left_content{ background:url(../images/news_bg_top.jpg) no-repeat; height:135px;}
.news_left_content ul{ padding-left:15px; padding-top:6px;}
.news_left_content li{ height:24px; line-height:24px;}
.news_left_content li a{ color:#5F5F5F;}
.news_left_content li a:hover{ color:#B80808;}

.con-right{width:760px;margin-left:0px; }
谢谢您了！！！

您还在吗？麻烦您看看吧你把整个代码贴出来吧，这样说不清.

在呢！
不好意思，我也是初学！
以前提问的时候别人要我贴出完整代码来，之后很快就解决了！所以我也这样提醒你。
你应该把代码简化一下，尽量精简，能说明问题就行。最好专门做一个最简单的页面，把全部代码贴出来！
问别人问题，就要多为别人着想，几句话说不清，一大堆代码又没什么人愿意看。我这样说您觉得有道理吗？
您还在吗？麻烦您看看吧

引用 1 楼 chate 的回复:
你把整个代码贴出来吧，这样说不清.

.con_right {    float: left;}

试一试

不管用啊！！！急死了 CSS code

.con_right {
float: left;
}

试一试

con-left 你不是应该给它一个float:left;吗？
弄清楚你页面DIV的层次关系啊

con-left都没给而是给了子容器float:left;

当然了 .con_right你也要给一下

我都给了。。。可是还是老样子啊！！！ con-left都没给而是给了子容器float:left;

当然了 .con_right你也要给一下

高手出现吧！！！！神啊

OK try .con-right{width:760px;margin-left:0px; float:right }

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><style>*{ padding:0; margin:0;}ul{ list-style:none;}.con{ width:950px; margin-top:5px;}.con-left{width:190px; height: 220px; float:left;}.index_news_left_top{ height:23px;}.index_news_left_top li{ float:left;}.index_news_left_top li span{ display:inline-block; height:23px; line-height:23px; width:46px; text-align:center; color:#5F5F5F; background:url(../images/a_hover01.jpg) no-repeat; cursor:pointer;}.index_news_left_top li .hdm_01{ background:url(../images/a_hover02.jpg) no-repeat;}.index_news_left_top li .bg_block{ background:url(../images/a_hover02.jpg) no-repeat;}.news_left_content{ background:url(../images/news_bg_top.jpg) no-repeat; height:135px;}.news_left_content ul{ padding-left:15px; padding-top:6px;}.news_left_content li{ height:24px; line-height:24px;}.news_left_content li a{ color:#5F5F5F;}.news_left_content li a:hover{ color:#B80808;}.con-right{width:760px;margin-left:0px; float:left; }</style></head><body > <div class="con" style="height: 66px">  <div class="con-left">    <div class="index_news_left_top">  <ul>  <li><span class="hdm_01" id="hdm0" onmousemove="javascript:hd(0);">推荐</span></li>  <li><span id="hdm1" onmousemove="javascript:hd(1);">精品</span></li>  <li><span id="hdm2" onmousemove="javascript:hd(2);">热点</span></li>  <li><span id="hdm3" onmousemove="javascript:hd(3);">聚集</span></li>  </ul>  </div>  <div class="news_left_content" style="display:block;" id="tx_hd0">  <ul>  <li><a href="#">1QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  </ul>  </div>  <div class="news_left_content" style="display:none;" id="tx_hd1">  <ul>  <li><a href="#">2QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  </ul>  </div>  <div class="news_left_content" style="display:none;" id="tx_hd2">  <ul>  <li><a href="#">3QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  </ul>  </div>  <div class="news_left_content" style="display:none;" id="tx_hd3">  <ul>  <li><a href="#">4QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>  </ul>  </div>  </div>    <div class="con-right" style="height: 344px; width:759px;">  <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">  </asp:contentplaceholder>  </div>  </div></body></html>

是这样不？

知道你打算问什么关键内容，提问清楚些吧

不要给.con{ width:950px; margin-top:5px;}
定义，去掉试试看。如果可以在一行，再调节其他的。可能是浏览器问题。

试试看。

一般后面要加一个 clera

虽然

为950px, 但是在

里，width=190px,
这个宽度不够的。
可以改为 .con-left{width:300px; height: 220px; float:left;} -----300px
或 .con-left{width:100%; height: 220px; float:left;} ----- 100%

float应该放在两个子div中，而不是放在父div中

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：谁能告诉我我错那里了_html/css_WEB-ITnoseArticle suivant：表格要边框线,不要网格线,这个样式要怎么设置?_html/css_WEB-ITnose

Articles Liés

Voir plus