1000字范文 > 失效的float：left 求高手帮忙啊！【HTML】

失效的float：left 求高手帮忙啊！【HTML】

时间：2020-12-25 23:55:51

web前端|html教程

失效的float：left，求高手帮忙啊！

web前端-html教程

是这样的在内容页面我分两列，一列宽190px，一列宽760px；都没有padding或者是margin，总的页面宽度是950.在大的content里我加了float：left；可是并不管用，二者并不在同一行，而是上下两行。我缩短了760的宽度仍然不管用，求经验人士解答。

微信网页抓娃娃源码,ubuntu可卸载软件,TOMCAT7网页输出乱码,爬虫猴子图片大全,php数据库图片怎么看,亚马逊seo含义lzw

回复讨论(解决方案)

mfc 小游戏源码,ubuntu固定屏幕命令,内嵌的tomcat怎么用,爬虫书籍信息,php怎么执行,福州抖音seo关键词优化排名lzw

你把整个代码贴出来吧，这样说不清.

多级菜单源码,vscode离线安装本地扩展,ubuntu安装swt,启动tomcat是否成功,爬虫字符切割,php 字母数字下划线,南沙区创新seo优化厂家报价,下载自动网站源码,手机支付页面html模板lzw

页面代码：

推荐

精品

热点

聚集

1QQ聊天助手边聊边搜更轻松

QQ聊天助手边聊边搜更轻松

2QQ聊天助手边聊边搜更轻松

QQ聊天助手边聊边搜更轻松

3QQ聊天助手边聊边搜更轻松

QQ聊天助手边聊边搜更轻松

4QQ聊天助手边聊边搜更轻松

QQ聊天助手边聊边搜更轻松

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 }

*{ 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; }

推荐精品热点聚集

1QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松

2QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松

3QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松

4QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松 QQ聊天助手边聊边搜更轻松

是这样不？

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

不要给.con{ width:950px; margin-top:5px;}

定义，去掉试试看。如果可以在一行，再调节其他的。可能是浏览器问题。

试试看。

一般后面要加一个 clera

虽然