猿问

border使用?

.top{
	margin: 0 auto;
	width: 95%;
	height: 100px;
	border:1px solid #000;
	border-radius: 10px;
	background:#009966;
}

以上是一个例子,在css自动校验中提示黄框,提示信息为:
using height with border can sometimes make elements larget than your expect 
using width with border can sometimes make elements larger than your expect

这是为什么?百度无果,谷歌的结果也有点模糊。

魔理莎
浏览 2009回答 1
1回答

李晓健

这个意思大概是说的和盒模型有关,就是说如果你指定了元素的宽高,然后再给它一个border,这个元素的最终宽高就是你指定的宽高加上border,也就是它的实际宽高并不是你指定的值。当然你觉得这个并没有什么影响,就可忽略它,它只是一个警告。或者是设置该元素的 box-sizing:border-box;  以上只是我个人理解,并没去做求证,仅供参考。
随时随地看视频慕课网APP
我要回答