zoukankan      html  css  js  c++  java
  • 关于IE处理margin和padding值超出父元素高度的问题

    两个div,父div有padding值,子div有margin-top值,浏览器在解析实际父子位置关系时,他们之间的距离是父padding+子margin-top。现在把父div设置固定高度,并有意让父padding+子margin-top的值大于父div的高度。这时,chrome,firefox,opera中效果都会把子div”挤出“。唯独IE,居然敢擅自增加父div的高度(父div高度是设置好的),用来容纳子div。以下是代码和效果图:

    <html>
    <head>
    	<style>
    	.div1{
    		background: #feb;
    		font-family: Arial,Helvetica,sans-serif;
    		font-size: 12px;
    		text-align: center;
    		padding: 10px;
    		border:2px solid #000;
    		height: 40px;
    	}
    	.div2{
    		background: #a2d2ff;
    		margin-top: 30px;
    		border:2px dashed #004993;
    		padding: 15px;
    	}
    	
    	</style>
    	<head>
    		<body>
    			<div class="div1">父div
    				<div class="div2">子div</div>
    			</div>		
    		</body>
    </html>

    效果图:

    chrome,firefox,opera


    IE



  • 相关阅读:
    update结合查询更新
    查表字段名,注释
    微信access_token
    Oracle中的dual伪表
    Oracle中的null
    UIView九宫格
    UIWebView使用
    sql触发器Tigger
    重写init方法
    OC内存管理示例
  • 原文地址:https://www.cnblogs.com/chayangge/p/4288706.html
Copyright © 2011-2022 走看看