BUG of odd width and height in IE6

BUG of odd width and height in IE6

As shown in the figure:

14_145449_22008104223759

But when viewed under IE6, it becomes right:1px:

14_145538_62008104223844

IE6 still has a bug with odd widths and heights. The solution is to change the width of the external relatively positioned div to an even number. The height is the same <br />View source code:

CSS code:

#out {
width: 609px;/*The width here is an odd number, so a bug will occur! ! Change it to an even number and it will be OK*/
height: 300px;
position: relative;
background:#FF0000;
color:#FFF;
}
#inn {
width: 200px;
height: 250px;
position: absolute;
top: 0px;
right: 0px;
background:#000000;
}

XML/HTML code:

<div id="out">
<div id="inn">This is the internal absolutely positioned DIV</div>
</div>

<<:  Solve the docker.socket permission problem of vscode docker plugin

>>:  HTML tag default style arrangement

Recommend

Vue makes div height draggable

This article shares the specific code of Vue to r...

Detailed explanation of Angular parent-child component communication

Table of contents Overview 1. Overview of input a...

Detailed explanation of FTP environment configuration solution (vsftpd)

1. Install vsftpd component Installation command:...

Vue implements countdown between specified dates

This article example shares the specific code of ...

10 excellent Web UI libraries/frameworks

1. IT Mill Toolkit IT Mill Toolkit is an open sou...

What scenarios are not suitable for JS arrow functions?

Table of contents Overview Defining methods on an...

Detailed explanation of the entry-level use of MySql stored procedure parameters

Use of stored procedure in parameters IN paramete...

mysql8.0 windows x64 zip package installation and configuration tutorial

MySQL 8 Windows version zip installation steps (d...

Detailed explanation of the use of Vue3 state management

Table of contents background Provide / Inject Ext...

CSS3 implementation example of rotating only the background image 180 degrees

1. Mental Journey When I was writing the cockpit ...

Practical example of nested routes in vue.js Router

Table of contents Preface Setting up with Vue CLI...

Solution to the ineffectiveness of flex layout width in css3

Two-column layout is often used in projects. Ther...