Question

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

如果向下滚动，您会注意到“您希望拓展业务”框会向下滚动（固定位置）。

文本框调整大小，导致文本偏离侧边栏空间的奇怪问题。 css内联为width：inherit。如果文本从上面的间距继承，为什么文本会中断？

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最佳解决方案是将填充更改为边距，如此＆amp;将宽度减小到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行的代码。

CSS宽度：继承问题

1 个答案: