我一直在寻找解决这个问题,我没有看到一个很好的答案为什么会发生这种情况以及如何解决它...基本上我有一个div设置为100%的宽度和高度,里面我有一个标签部分就像在一个broswer上,我添加了一个边距和填充到主要区域,当我将标签div设置为全宽时,它会突出一些像素,是什么正确的方式来处理在播放%父母div时伸出的子div和边距/填充
.appview_fullscreen { width: 100% !important; height: 100%; background-color: black; color: white; font-size: 20px; margin: 0px; } .app_ama { } .main_area { border: 1px solid green; width: 100%; padding: 2px; margin: 0px; } .tabs_area { border: 1px solid green; height: 20px; width: 100%; }AMAMAMAMAMAMA AMAMAMA
演示:http://jsfiddle.net/S8RC3/
只需100%
从DIV
元素中删除即可.
DEMO
.main_area{ /* width:100%; Why? I'm a DIV! */ border: 1px solid green; padding: 2px; margin: 0px; } .tabs_area{ /* width:100%; Why? I'm a DIV! */ border: 1px solid green; height: 20px; }
作为块级元素的DIV 已经很宽,因为它是父容器.
另外你有一个错字:</br>
应该是<br />
,<br/>
或<br>