qq_星稀_0
2016-01-08 15:19
padding:{10px}; 意思是上右下左内边距都为10px,但是为什么显示出来的效果只有上左是10px呢???
实际padding已经设置为10px了,只是你的内容没有填满盒子,暂且只显示出了左内边距和上内边距,可以内容多一些,就看出右内边距效果。
或者取消高度设置,使之根据内容自适应,可以看到下内边距效果。
(此外,不设置宽度时,默认情况下,块状元素的宽度为页面宽度;不是高度时,默认情况下,块状元素的高度为内容的高度)。
因为右侧和下侧都还有空余的地方
你把宽高暂时删了就能看出效果了,或者多写几个字把div填满。
其实已经是四周都为10px了
只是你内容少 看不出来
你把盒子 汉字 多复制几个
正常应该写#box1{padding:10px;}
不应该写padding:{10px}
盒子宽高都是100px,盒子内元素默认靠左上角显示,右下部空间远大于10px,所以看不来。
楼上的应该看他的代码的。你看到只有左上加了10个像素。真相只有一个:那就是下右的你没看出来!你把字多复制几遍让他填充满就看出来了!/流汗
说错勿怪:
因为是这样:
#box1{padding:10px;}
而不是:
padding:{10px};
初识HTML(5)+CSS(3)-升级版
1225293 学习 · 18230 问题
相似问题