CSS宽度：继承问题

Question

我有一个带有小部件的 wordpress 网站。 http://www.insidemarketblog.com/seo/bestseotoolstoimproverankings/

如果您向下滚动，您会注意到“您是否希望发展您的业务”框会随着您向下滚动（固定位置）。

文本框调整大小的奇怪问题，导致文本超出侧栏空间。 css 是内联的宽度：继承。如果是从上面的间距继承，为什么文本会中断？

HTML/CSS：

<form class="thesis_email_form" action="http://insidemarketstrategy.us8.list-manage.com/subscribe/post" method="post">
<div id="text-4_clone" class="widget widget_text q2w3-widget-clone-thesis_wp_widgets_1348079687" style="top: 0px; width: inherit; height: 289px; visibility: hidden;">  </div>
<div id="text-4" class="widget widget_text" style="position: fixed; top: 0px; width: inherit;">
<p class="widget_title">Are you looking to grow your business?</p>
<div class="textwidget">
<div id="wpcf7-f94-o1" class="wpcf7">
<div class="screen-reader-response"></div>
<form class="wpcf7-form" novalidate="novalidate" method="post" action="/seo/bestseotoolstoimproverankings/#wpcf7-f94-o1">
<div style="display: none;">
<p>
<p>
<p>
<p>
<div class="wpcf7-response-output wpcf7-display-none"></div>
</form>

Answer 1

侧边栏正在使用带有边框框的填充来创建装订线〜意味着填充被计为宽度的一部分，即 328，尽管看起来侧边栏的宽度是 278。

在继承宽度后，它需要 328 而不是 278，最好的解决方案是像这样将填充更改为边距并将宽度减小到 278..

 .columns > .sidebar {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: right;
     margin: 25px 25px 0;
     width: 278px;
 }

只需将此代码替换为 css.css 中第 98 行的代码即可。