Question

看起来我做错了什么，因为我有这个＆＃34; bug＆＃34;一遍又一遍......当我向元素添加左或右填充时，我的整个页面变得超过100％宽度！我有一个水平滚动条...请在下面的链接上查看我的代码并告诉我每次都会犯的常见错误。谢谢！

＆＃13;

body, html{margin:0; padding:0; font-family: 'open sans','helvetica'}
#wrapper{display: block; float: left; max-width: 100%; width: 100%;}
#parser{display: block; width: 100%; padding: 100px 10%;}
#parser .field{display: block;}

＆＃13;

<div id="wrapper">
  <div id="parser">
    <form method="post">
      <input type="text" name="vk_string" class="field">
      <input type="submit" name="vk_send" value="go!">
    </form>
  </div>
</div>

＆＃13;

Answer 1

删除width:100%;或申请box-sizing:border-box;。

box-sizing: border-box; 宽度和高度属性包括填充和边框，但不包括边距。 - MDN

填充使水平滚动条出现

1 个答案: