ホームページ >ウェブフロントエンド >htmlチュートリアル >box-shadow は、element_html/css_WEB-ITnose が占有する実際のスペースを増やしません。

box-shadow は、element_html/css_WEB-ITnose が占有する実際のスペースを増やしません。

WBOY
WBOYオリジナル
2016-06-24 11:27:001004ブラウズ

box-shadow は、要素によって占有される実際のスペースを増加させません:
この属性の使用法についてはここでは紹介しません。詳細については、 の box-shadow 属性の詳細な使用法に関する章を参照してください。 CSS3。
この属性を要素に参照すると、要素は外観上大きく見えるようになりますが、実際にはそれ以上のスペースを占有するわけではありません。
コード例は次のとおりです:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{  width:100px;  height:100px;  background-color:green;  box-shadow:0px 0px 0px 10px red;}</style></head><body><div></div><span>蚂蚁部落</span></body></html>

上記のコードのパフォーマンスから判断すると、この点は確かに示されています。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=18264

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。