您的位置：首页 > 网站优化 > css  >  css因float引起div高度自适应无效解决方法

css因float引起div高度自适应无效解决方法

 更新时间：2017年7月6日 23:13  点击：1566
以前我在做网站时出也会因为css因float引起div高度自适应无效,后来问了一个设计师他说加个overflow:hidden就KO了，现在分享给大家。
 代码如下 复制代码

<style>
#main{float:left;min-height:500px;}
#l{float:left;margin-bottom:10px;margin-right:10px;padding:6px 10px;width:117px;}
#r{float:right;margin-right:10px;padding-top:10px;width:864px;overflow:hidden;}
</style>
 
<div id="main">
  <div id="l"> 标题区域 </div> 
  <div id="r"> 内容区域</div> 
</div>

注：最重要的是利用了overflow:hidden 不加这个就不会有效加了overflow:hidden它在当前css中不是自动隐藏的意思了。

[!--infotagslink--]

相关文章

  • php 中file_get_contents超时问题的解决方法

    file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢，导致php脚本超时了，但也有其它很多原因，下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25

  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22

  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04

  • 安卓手机wifi打不开修复教程，安卓手机wifi打不开解决方法

    手机wifi打不开？让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能，但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21

  • 连接MySql速度慢的解决方法(skip-name-resolve)

    最近在Linux服务器上安装MySql5后，本地使用客户端连MySql速度超慢，本地程序连接也超慢。 解决方法：在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21

  • 总结android studio注意事项及打不开等问题解决方法

    经过一段时间的使用，总结了android studio打不开等问题的6种解决方法及android studio注意事项，希望对大家有所帮助。 1 首次运行，建立好项目需要下载一些东西，如果...2016-09-20

  • MySQL ERROR 2013 (HY000)错误解决方法

    当通过 TCP/IP 连接 MySQL 远程主机时，出现 ERROR 2013 (HY000): Lost connection to MySQL server at 'reading initial communication packet', system error: 104 。如果是在linux shell命令行中直接打 mysql 命令，...2015-03-15

  • Mysql修改datadir导致无法启动问题解决方法

    centos6.2，停止mysqld然后修改/etc/my.cnf datadir的位置，启动mysqld提示FAILED，查看日志 复制代码 代码如下: 120609 11:31:31 mysqld_safe mysqld from pid file /var/run/mysqld/mysqld.pid ended 120609 11:35:12 my...2015-03-15

  • Element图表初始大小及窗口自适应实现

    这篇文章主要介绍了Element图表初始大小及窗口自适应实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-07-10

  • IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style="height:3...2014-06-07

  • 小米解锁验证失败怎么办 小米解锁工具登录失败解决方法

    小米手机如果想要刷机就必须要先解锁验证才可以，那么，如果遇到小米解锁验证失败以及小米解锁工具登录失败的现象怎么办呢？对此，本文就为大家进行解答，有需要的朋友来看看。...2016-12-21

  • Photoshop提示“此产品的许可证已过期"及“无法开始您的Adobe Photoshop CS5.1 订阅”解决方法

    首先不要鄙视我用Photoshop盗版，实在是贵。现在我们来看看如果你的Photoshop提示“此产品的许可证已过期"，还有“无法开始您的Adobe Photoshop CS5.1 订阅”如何解决吧...2016-09-14

  • photoshop字体显示乱码解决方法

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来详细的说一下软件的字体出现了乱码这一问题的解决方法，那么各位有出现这个问题的，下面就来跟着小编一起看...2016-09-14

  • 51安卓模拟器启动失败解决方法

    有部分小伙伴表示自己遇到了51模拟器程序不能打开的情况，那么51模拟器打不开怎么回事?下面我就来为大家分享一下解决的方法，有需要的小伙伴就来看一看吧。 &#8195;&...2017-07-06

  • Vue 自适应高度表格的实现方法

    这篇文章主要介绍了Vue 自适应高度表格的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-05-14

  • CentOS下php使用127.0.0.1不能连接mysql的解决方法

    php代码很简单：复制代码 代码如下: $server="127.0.0.1"; println("Begin"); $link = mysql_connect($server,"mysql","mysql"); if (!$link) { die('Could not connect: ' . mysql_error().mysql_errno()); } lin...2015-03-15

  • PHP is_subclass_of函数的一个BUG和解决方法

    is_subclass_of的作用：复制代码 代码如下:bool is_subclass_of ( object object, string class_name )如果对象 object 所属类是类 class_name 的子类，则返回 TRUE，否则返回 FALSE。注: 自 PHP 5.0.3 起也可以用一个字符...2014-06-07

  • 从零开始在vue-cli4配置自适应vw布局的实现

    这篇文章主要介绍了从零开始在vue-cli4配置自适应vw布局，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-06-09

  • mysql too many open connections问题解决方法

    曾经以为在my.cnf写入max_connections = 2000就可以改变mysql的最大并发量，今天查到一个命令，发现服务器的mysql最大连接数为151.控制台，连接上mysql复制代码 代码如下:show variables;这条命令可以看到所有基础配置如果...2014-05-31

  • mysql报错：MySQL server version for the right syntax to use near type=InnoDB的解决方法

    这篇文章主要介绍了mysql报错：MySQL server version for the right syntax to use near type=InnoDB的解决方法,涉及MySQL语句的使用技巧,需要的朋友可以参考下...2016-01-15