在做asp.net mvc开发的时候遇到一个问题，做了一个modal dialog的对话框用了编辑form表单，当点击提交按钮时，
使用ajax的方式提交表单，但在点击按钮的瞬间，这个modal dialog窗体总是无缘无故的变宽一下（IE11，宽度应该是等于滚动条宽度），
后来将页面逐步简化到如下的代码，仍然有这个问题：
<html>
<head>
<style type="text/css">
.parent{
background-color:yellow;
position:fixed;
padding:10px;
}
.nav{
background-color:red;
overflow:auto;
min-height:30px;
}
</style>
</head>
<body>
<div class="parent">
<div class="nav">aaa</div>
</div>
</body>
</html>
效果如下：
而当把min-height属性如掉，或者将其改成小于正常高度，或者去掉overflow:auto属性设置，或者去掉其父div的position:fixed设置并将其移动到自己身上时，就会正常显示：
一直未找到对此问题的科学解释，目前只能简单归结为IE对min-height和overflow:auto的render时的问题。
希望有对此了解的朋友可以解惑！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
