You don't have javascript enabled. Good luck! :(

欢迎页

Welcome to Ganace's Blog

欢迎您来到Ganace 的个人博客。

在茫茫互联网的海洋里能够遇见您，实在是一份不小的幸运。

诚挚地向您问候一声:您好，朋友！

这里是属于Ganace个人的隐秘小空间，记录了工作学习中遇到的知识点与灵感，以及生活中的碎碎念与吐槽、突如其来的中二病、尬尬的文艺时间、锻炼腹肌的时刻、惊喜的小发现等等。

想要在自己的平淡无奇的人生长河中留下些什么，

或者只是为了拯救老人家岌岌可危的记忆力，

仅此而已。

来到此地，分享与你。

也期待与您的再次相遇！

Share with Me

有任何的分享或者建议与吐槽，都可以Email我：ganace@foxmail.com

欢迎您的来信！

【CSS3】CSS3的calc()是如何使用的

  Sep 29, 2018     Ganace     Front-end-Foundation

CSS3

这里是一篇Ganace记录的关于CSS3的calc()是如何使用的文章。

CSS3的calc()如何使用

.bgdiv {
	width: 500px;
	background: #26a69a;
	padding: 5px;
}
.calc {
	background:  #26a69a;
	padding: 15px;
	border: 5px solid green;
	height: 50px;
	width: 90%;/*写给不支持calc()的浏览器*/
	width:-moz-calc(100% - (15px + 5px) * 2);
	width:-webkit-calc(100% - (15px + 5px) * 2);
	width: calc(100% - (15px + 5px) * 2);
}