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中

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：谁能告诉我我错那里了_html/css_WEB-ITnoseNächster Artikel：表格要边框线,不要网格线,这个样式要怎么设置?_html/css_WEB-ITnose

In Verbindung stehende Artikel

Mehr sehen