博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE6和Opera position:absolute; 子元素浮动 width:100%;显示不正确问题。。。
阅读量:5869 次
发布时间:2019-06-19

本文共 629 字,大约阅读时间需要 2 分钟。

目的是做一个下拉选择框

要求 整个控件占父元素就是上面颜色深的地方大小,点击父元素下拉框下面的a,b,c显示出来可以选择即可,但是不能占用文档空间

 

 

在IE6中

<div style="width:200px;">

<div style=" position:absolute;width:100%; ">

dsadsd 

</div> 

</div> 

 显示的时候并不会有什么问题

但是在Opera中,发现 

子元素的width:并不是父元素的100;而是变成了窗口width的100%,

那么问题来了,我怎么调?当然主要原因也是我开发经验少的缘故,

 弄来弄去浪费了不少时间。 //验证发现 Opera中子元素Position:relative;也是可以浮动的,只要加z-index就行

再次看了一下  position的所有值,

映像中inherit这个值一直都以为没什么大用处所以一直都没怎么用。

后来在 调整width过程中发现除了auto居然也有inherit属性,抱着试一试的心态,一试果然,

原理子元素在打上  position:absolute;之后设置width: inherit;也是可以让子元素和父元素一样宽的,以前一直觉得width:100%;比较有用,

看来以后要多多使用  width: inherit ; 了...

 

转载于:https://www.cnblogs.com/SHGF/archive/2012/02/19/2358178.html

你可能感兴趣的文章
mac emacs 共享剪切板
查看>>
程序基址或游戏基址不变原理
查看>>
POJ2785 4 Values whose Sum is 0
查看>>
《构建之法》之第四章读后感
查看>>
Spring+Mybatis+Freemarker框架搭建
查看>>
ubuntu下gcc、g++和gfortran版本切换
查看>>
(转)Inno Setup入门(十二)——Pascal脚本(1)
查看>>
(转)更改Web.config中对上传文件大小限制
查看>>
centOS7搭建nexus私服
查看>>
A Tour of Go Arrays
查看>>
php 文件限速下载代码
查看>>
【13】享元模式(FlyWeight Pattern)
查看>>
快速学习javaSE基础4---面向对象的编程
查看>>
程序员面试宝典
查看>>
关于<!DOCTYPE>标签
查看>>
浅谈虚拟DOM
查看>>
Jquery动态控制表格行
查看>>
【算法和数据结构】_12_小算法_abs_fabsf_fabsd_大端小端判断
查看>>
PowerShell_零基础自学课程_4_PowerShell的别名功能、错误管理功能和系统资源区域导航...
查看>>
Cogs 1583. [POJ3237]树的维护 LCT,树链剖分
查看>>