Tips for using DIV container fixed height in IE6 and IE7
|
There are many differences between IE6 and IE7 in their interpretation of CSS. Today we will talk about one of them: height. example: Copy code The code is as follows: <div style="height:50px"> Under IE6: If the content height in the DIV does not exceed 50px, the height of the DIV is 50px. If it exceeds the set value, the height will expand with the content, which is usually called adaptive height. Under IE7: If the height of the content in the DIV does not exceed 50px, the height of the DIV is 50px. If it exceeds the set value, the height of the DIV will still be fixed at 50px, and the excess content will exceed the DIV and overflow. If there is other content under the DIV, it will overlap with the overflowing content. This is obviously a very important point, if not handled it will cause page disorder. There are usually two ways to solve this problem: 1. Focus on height: fix the height of DIV to 50px, hide the extra content, and write the CSS for both browsers as follows: Copy code The code is as follows: <div style="height:50px;overflow:hidden"> overflow:hidden is very important, compatibility depends on it2. Content-oriented: Set the minimum DIV height to 50px. When there is too much content, the DIV height will adapt to the content. At this time, CSS HACK is needed to do some compatibility processing: <div style="min-height:50px;_height:50px;">, min-height:50px minimum height, this IE7 and FF can recognize, _height:50px is underlined for the purpose of only allowing IE6 to recognize it. |
>>: The latest Linux installation process of tomcat8
Recommend
Implementation of Vue 3.x project based on Vite2.x
Creating a Vue 3.x Project npm init @vitejs/app m...
Detailed explanation of the platform bus of Linux driver
Table of contents 1. Introduction to platform bus...
How to install vncserver in Ubuntu 20.04
Ubuntu 20.04 has been officially released in Apri...
MySQL learning record: bloody incident caused by KEY partition
Demand background Part of the data in the busines...
MySQL 5.6 binary installation process under Linux
1.1 Download the binary installation package wget...
CentOS 6.6 source code compilation and installation of MySQL 5.7.18 tutorial detailed explanation
1. Add users and groups 1. Add mysql user group #...
uni-app WeChat applet authorization login implementation steps
Table of contents 1. Application and configuratio...
Detailed explanation of dynamic link library calling C/C++ method in Python in Ubuntu
Install boost There are many ways to call C/C++ f...
How to install docker under centos and remotely publish docker in springboot
Table of contents 1. Installation of JDK1.8 under...
VMware 15.5 version of the graphic tutorial to build a yum warehouse by mounting the system CD
1. Open the CentOS 7 virtual machine. 2. Log in t...
Encapsulate the navigation bar component with Vue
Preface: Fully encapsulating a functional module ...
Network management and network isolation implementation of Docker containers
1. Docker network management 1. Docker container ...
Use CSS to create 3D photo wall effect
Use CSS to create a 3D photo wall. The specific c...
Introduction to MySQL role functions
Table of contents Preface: 1. Introduction to rol...
jQuery implements accordion small case
This article shares the specific code of jQuery t...