首页 > 其他分享 >Div高度控制问题

Div高度控制问题

时间:2023-01-18 18:03:31浏览次数:38  
标签:控制 50px 高度 IE7 height 内容 Div DIV


做网页时尽量是不用设置固定高度的,这样拓展起来更灵活,如果非要设固定高度,就有一些需要注意的地方。

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

例子:<div style="height:50px">

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

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

一,高度为主:让DIV的高度固定为50px,多出的内容要隐藏,两个浏览器的CSS可一并写为:<div style="height:50px;overflow:hidden">, overflow:hidden 这个很重要,兼容性全靠他了

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

标签:控制,50px,高度,IE7,height,内容,Div,DIV
From: https://blog.51cto.com/u_14365218/6019385

相关文章

  • Codeforces Round #834 (Div. 3) A~E泛做
    A.Yes-Yes?构造一个\(N=50\)的字符串,判断是不是子串即可。#include<bits/stdc++.h>usingnamespacestd;#defineendl'\n'#definecerr(x)std::cerr<<(#x)<<......
  • adb shell 之 appops app控制命令
      允许后台运行------------appopssetorg.cloud.sonic.androidRUN_IN_BACKGROUNDallow允许发送信息-----------appopssetorg.cloud.sonic.androidPOST_NOTIFI......
  • Daemonset 控制器
    DaemonSet控制器:概念、原理解读DaemonSet控制器能够确保k8s集群所有的节点都运行一个相同的pod副本,当向k8s集群中增加node节点时,这个node节点也会自动创建一个......
  • 【版本控制工具】Git急速入门
    文章目录1.Git简介1.1.什么是Git1.2.Git与SVN区别2.Git工作流程2.1.Git的工程流程3.Git工作区、暂存区和版本库3.1.Git工作区、暂存区和版本库4.Git创建仓库4.......
  • 解决img和div高度不同的问题(转)
    原文:https://blog.csdn.net/qq_34466755/article/details/1114119861、问题img在div中会在底部产生额外的空隙<body><style>div{color:#fff;......
  • ​直播平台搭建,动态设置ListView的高度的两种方法
    ​直播平台搭建,动态设置ListView的高度的两种方法解决方法一如下:首先考虑到如果要实现界面的滚动,需要使用ScrollView控件,该方法就是使用ScrollView控件实现ListView高度......
  • labview操作者框架+ADS+twincat2(twincat3) st语言ethercat总线控制工程项目资料
    labview操作者框架+ADS+twincat2(twincat3)st语言ethercat总线控制工程项目资料twincat控制器+twincat资料 到手能用,labview界面+控制器​​查看资料来源​​......
  • Razor解析器控制符总结(表格)
    Razor解析器控制符分类符号含义C#代码@隐式表达式,自动推断C#代码的结束位置;表示切换到C#代码,直到遇到第一个非C#字符为止;@()显式表达式,()内的......
  • Jmeter元件Switch控制器
    在测试过程中,我们会遇到这样一个业务场景,某业务流程出现分流,比如当生成某个计划后,需要审核通过或者驳回该计划,此时就该元件Switch控制器登场了:Switch控制器路径元件Switch......
  • 流程控制
    流程控制流程控制理论流程控制: 控制事物的执行流程事物的控制流程可以分为三种: 顺序结构分支结构循环结构ps:我们用到的最多的时分支结构和循环......