返回顶部
首页 > 资讯 > 精选 >在IE6,IE7 中DIV容器固定高度的使用技巧有哪些
  • 870
分享到

在IE6,IE7 中DIV容器固定高度的使用技巧有哪些

2023-06-08 06:06:04 870人浏览 薄情痞子
摘要

这篇文章主要介绍了在IE6,IE7 中DIV容器固定高度的使用技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。IE6和IE7对CSS的解释存在很多差别,今天谈其中一点

这篇文章主要介绍了在IE6,IE7 中DIV容器固定高度的使用技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

IE6和IE7对CSS的解释存在很多差别,今天谈其中一点:height。
例子:

代码如下:

<div >



IE6下:如果DIV里的内容高度不超过50px,DIV的高度就是50px,如果超过了设定的值,高度会随内容而撑开,也就是通常说的自适应高度。
IE7下:如果DIV里的内容高度不超过50px,DIV的高度就是50px,如果超过了设定的值,DIV的高度仍会固定在50px,多余的内容会超过DIV而溢出,如果DIV下面还有其它内容,就会和溢出的内容重叠在一起。

这显然是一个非常值得注意的地方,若不处理会引起页面错乱。解决这个问题通常分两种情况:

一,高度为主:让DIV的高度固定为50px,多出的内容要隐藏,两个浏览器的CSS可一并写为:

代码如下:

<div >

,overflow:hidden这个很重要,兼容性全靠他了

二:内容为主:让DIV高度最小为50px,内容过多时DIV高度自适应内容多少。这时需要用到CSS HACK做一些兼容处理:
<div style="min-height:50px;_height:50px;">,min-height:50px 最小高度,这个IE7和FF可识别,_height:50px 加下划线目的只让IE6识别。

感谢你能够认真阅读完这篇文章,希望小编分享的“在IE6,IE7 中DIV容器固定高度的使用技巧有哪些”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网精选频道,更多相关知识等着你来学习!

--结束END--

本文标题: 在IE6,IE7 中DIV容器固定高度的使用技巧有哪些

本文链接: https://www.lsjlt.com/news/252088.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 在IE6,IE7 中DIV容器固定高度的使用技巧有哪些
    这篇文章主要介绍了在IE6,IE7 中DIV容器固定高度的使用技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。IE6和IE7对CSS的解释存在很多差别,今天谈其中一点...
    99+
    2023-06-08
  • CSS中的高级使用技巧有哪些
    这篇文章主要为大家展示了“CSS中的高级使用技巧有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS中的高级使用技巧有哪些”这篇文章吧。 使用 :not...
    99+
    2024-04-02
  • 使用Docker容器的安全技巧有哪些
    这篇文章将为大家详细讲解有关使用Docker容器的安全技巧有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。首先,让我们看看限制容器的访问权限。访问管理-限制权限启动容器时,Docker将创建一组命名空...
    99+
    2023-06-17
  • 在任何IDE中提高编码速度的技巧有哪些
    这篇文章主要讲解了“在任何IDE中提高编码速度的技巧有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“在任何IDE中提高编码速度的技巧有哪些”吧!1.减少...
    99+
    2024-04-02
  • 使用CSS的高级技巧有哪些
    这篇文章给大家分享的是有关使用CSS的高级技巧有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。你可以使用C...
    99+
    2024-04-02
  • 高效使用GitHub的技巧有哪些
    这篇“高效使用GitHub的技巧有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“高效使用GitHub的技巧有哪些”文章吧...
    99+
    2023-06-27
  • 在Linux Shell中的使用技巧有哪些
    这篇文章主要介绍了在Linux Shell中的使用技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1.使用可变扩展名分割字符串人们经常使用cut甚至awk只是通过模式...
    99+
    2023-06-16
  • 提高Nginx服务器硬度的技巧有哪些
    这篇文章主要讲解了“提高Nginx服务器硬度的技巧有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“提高Nginx服务器硬度的技巧有哪些”吧!TIP #1: 保持Nginx的及时升级目前N...
    99+
    2023-06-04
  • 使用CSS兼容IE8的小技巧有哪些
    本篇文章为大家展示了使用CSS兼容IE8的小技巧有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。使CSS兼容IE8的小技巧IE8Beta1已出,其中我们能看到很...
    99+
    2024-04-02
  • MySQL中的使用技巧有哪些
    这篇文章主要介绍“MySQL中的使用技巧有哪些”,在日常操作中,相信很多人在MySQL中的使用技巧有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”MySQL中的使用技巧有...
    99+
    2024-04-02
  • JavaScript中的使用技巧有哪些
    这篇文章主要介绍了JavaScript中的使用技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。&& 和 || 的妙用...
    99+
    2024-04-02
  • PHP中Laravel容器的加载技巧有哪些?
    Laravel是一个流行的PHP框架,它提供了一个强大的容器来管理应用程序中的依赖关系。这个容器可以自动注入依赖项,并且可以通过绑定和解析来注册和解析类和接口。在本文中,我们将介绍一些Laravel容器的加载技巧,以便您可以更好地了解它的...
    99+
    2023-09-16
    load laravel 容器
  • Python中进度条的实用技巧有哪些
    本篇内容主要讲解“Python中进度条的实用技巧有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Python中进度条的实用技巧有哪些”吧!1 简介tqdm这个在当下Python圈子中已然非常...
    99+
    2023-06-29
  • 有哪些高级的Python列表使用技巧
    本篇内容介绍了“有哪些高级的Python列表使用技巧”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、使用Python过滤列表1.使用Fil...
    99+
    2023-06-16
  • 使用Numpy与Pandas的高效技巧有哪些
    本篇内容介绍了“使用Numpy与Pandas的高效技巧有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Numpy 的 6 种高效函数首先...
    99+
    2023-06-15
  • linux中Crontab的使用技巧有哪些
    这篇文章给大家分享的是有关linux中Crontab的使用技巧有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。可以把你需要处理的命令写成脚本,放在bats.sh里面。使用crontab -e 进行编辑调用定时...
    99+
    2023-06-13
  • Linux中的Shell使用技巧有哪些
    这篇文章主要介绍“Linux中的Shell使用技巧有哪些”,在日常操作中,相信很多人在Linux中的Shell使用技巧有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Linux中的Shell使用技巧有哪些...
    99+
    2023-06-16
  • linux中VLC的使用技巧有哪些
    这篇文章主要为大家展示了“linux中VLC的使用技巧有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“linux中VLC的使用技巧有哪些”这篇文章吧。使用这些简单技巧让 VLC 做更多事让我...
    99+
    2023-06-16
  • PHP中Dezender的使用技巧有哪些
    在PHP中,Dezender是一个用于解密/反编译加密/编码的PHP脚本的工具。以下是一些使用Dezender的技巧:1. 安装De...
    99+
    2023-09-25
    PHP Dezender
  • git使用中的小技巧有哪些
    这篇文章给大家分享的是有关git使用中的小技巧有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Git是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。1、Git 中的自动纠错我...
    99+
    2023-06-28
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作