今天网易面试的一道CSS题目
css吧
全部回复
仅看楼主
level 9
wentbc 楼主
有一个div：
{ width : 100%; padding : 10px; }
这样的话，div的实际宽度就是浏览器宽度 + 20px
这样就会出现滚动条
如何让div宽度为100%，而padding也为10px ？？
2014年02月17日 04点02分 1
level 9
wentbc 楼主
答案很简单，就是突然忘记了[狂汗]
2014年02月17日 04点02分 2
level 1
西部小藏😳
{ width : 100%; margin : 10px; }
2014年02月17日 05点02分 3
level 10
soo_hooo
答案是margin：-20px
考的重点是人经常忽略的问题
内补丁加10了，一般思维，外补丁减10就行了
可是忽略了外补丁加以后自身宽度随着增加，所以要2倍的外补丁才能补过来，
外和内补丁数量都会影响整体宽
对吧！
2014年02月17日 05点02分 4
wentbc
这样也可以，还有个更简单点的做法，直接padding:10px;
2014年02月17日 06点02分
狂过11人
回复 wentbc :+1
2014年02月18日 01点02分
臭球球Y
回复 wentbc :正解
2014年02月18日 05点02分
level 14
电磁光盾
box-sizing: border-box;
2014年02月17日 12点02分 5
圣龍骑士
这是正解
2014年02月17日 12点02分
wentbc
回复 圣龍骑士 :原来面试官是想我说这个CSS3特性啊，当时没想到~
2014年02月17日 12点02分
soo_hooo
厉害，受教了！thks
2014年02月18日 02点02分
臭球球Y
上边有个回答的直接用padding:10px;一步就实现的 为什么要用两个去限制呢
2014年02月18日 05点02分
level 12
老妈我去修仙了
我是来帮忙顶贴的
2014年02月17日 23点02分 7
level 1
小磕车
受教了
2014年02月18日 01点02分 8
level 11
芝士猪柳蛋帕尼尼
他是想考验你 做没有做过移动端
2014年02月18日 03点02分 9
wentbc
现在想起来是的，问了些 media query 的知识
2014年02月18日 03点02分
level 6
王子艾嘉
顶。。。受教了
2014年02月21日 02点02分 10
level 14
三间北房
去掉width:100%呗
2014年02月21日 15点02分 11
level 5
shadodw_lhx
好一一一
2014年02月21日 23点02分 12
level 8
Eshth丿不解释
新手报道！大神勿喷！要是看不惯你丫的来打我啊！
2014年02月22日 14点02分 13
level 11
44162148
受教了
2014年02月22日 23点02分 14
level 8
丨沉墨就開花丨
。
2014年02月23日 09点02分 15
level 9
wentbc 楼主
哎~面试了一个小时还是没收我。
2014年02月23日 10点02分 16
wentbc
回复 lixiaopeng998 :是啊，两个面试官车轮战术，我的嘴巴一直没听过，口水都干了都不收
2014年02月24日 01点02分
狂过11人
月薪多少？
2014年02月26日 10点02分
wentbc
回复 狂过11人 :没要我啊
2014年02月26日 11点02分
1