div的寬和高和陰影偏移的位置有關(guān)系的哦~~~~
div的寬和高和陰影偏移的位置有關(guān)系的哦~~~~可以看下我發(fā)的截圖和以下代碼測(cè)試下
<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>boxshadow</title>
<style>
.box{?width:104px;?height:104px;?overflow:hidden;}
.boxshadow-outset{
????width:100px;
????height:100px;
????box-shadow:4px?4px?6px?#666;
????background:red;
}
</style>
</head>
<body>
<h2>外陰影</h2>
<div?class="box">
????<div?class="boxshadow-outset">
????</div>
</div>
</body>
</html>
2016-01-29
兄弟，我告訴你是什么原因。
你用的是div里面再套一個(gè)div，但是你沒(méi)有用絕對(duì)定位，所以內(nèi)層的div和外層的div邊距不是重合在一起的（left和top的邊線不是重合的）。你可能認(rèn)為外層div寬度是104，內(nèi)層div寬度是100+4（陰影）,所以兩個(gè)div的寬度應(yīng)該一樣是嗎？告訴你，這樣是錯(cuò)的，因?yàn)樵刂g本身是有間隙存在的（默認(rèn)情況下），你可以認(rèn)為元素之間自帶margin。
如果你要解決這個(gè)問(wèn)題，那么你要設(shè)置內(nèi)層div的樣式屬性position:absolute;left:0px;top:0px;
同時(shí)還要設(shè)置外層div的樣式屬性position:relative或者absolute都可以,這個(gè)外層div必須設(shè)置position是因?yàn)?，如果不設(shè)置，那么內(nèi)層的div就找不到參照，就會(huì)向上尋找有position屬性的父級(jí)元素作為參照，如果找不到，那么就是以body元素為參照。
還有更簡(jiǎn)單的方法，用float:left吧
2015-01-12
div的寬和高實(shí)際陰影偏移的位置沒(méi)有關(guān)系的，只不過(guò)你的代碼中box層加了overflow:hidden;所以把boxshadow-outset層的陰影隱藏了
2014-12-31
有關(guān)系的嗎？我感覺(jué)好像沒(méi)有誒 因?yàn)槿绻?boxshadow-outset"這個(gè)div后面再加一個(gè)方塊 會(huì)挨著紅色的底部放置 把陰影遮住。。。實(shí)際像素就是width和height吧