blocks|key|1313649|text|问题出在输入元素的border-width上。简而言之，尝试将输入元素的margin-left设置为-2px。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1313650|table+input+{
++margin-left:+-2px;
}|code-block|syntax|javascript|1313651|entityMap^0|9|C|10|B|1E|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

<p>The problem lies in <code>border-width</code> of input element.
Shortly, try setting the <code>margin-left</code> of the input element to <code>-2px</code>.</p>

<pre class="lang-css prettyprint-override"><code>table input {
  margin-left: -2px;
}
</code></pre>


blocks|key|1098874|text|我通常将输入的宽度设置为99%25来解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1098875|input+{
++++width:+99%25;
}|code-block|syntax|javascript|1098876|您也可以删除默认样式，但这会使文本框变得不那么明显。不过，我还是会给出代码：|1098877|input+{
++++width:+100%25;
++++border-width:+0;
++++margin:+0;
++++padding:+0;
++++-webkit-appearance:+none;
++++-moz-appearance:+none;
++++appearance:+none;
}|1098878|广告@m|1098879|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>I usually set the width of my inputs to 99% to fix this:</p>

<pre><code>input {
    width: 99%;
}
</code></pre>

<p>You can also remove the default styles, but that will make it less obvious that it is a text box. However, I will show the code for that anyway:</p>

<pre><code>input {
    width: 100%;
    border-width: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
</code></pre>

<p>Ad@m</p>


blocks|key|1098977|text|像width:95%25;这样的东西的问题是，它们在宽而灵活的布局中看起来不正确(因为5%25可能会像30个像素)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1098978|下面的解决方案非常适合我(在Firefox，IE+9，Safari中测试过)：|1098979|<table+style="background-color:+blue;+width:+100%25;"+cellpadding="0"+cellspacing="0">
<tr>
++++<td+style="background-color:+red;+++padding:+3px;">
++++++++<div+style="margin-right:+3px;">
++++++++++++<div+style="padding-right:+3px;">
++++++++++++++++<input+type="text"+style="width:100%25;">
++++++++++++</div>
++++++++</div>
++++</td>
++++<td+style="background-color:+purple;+++padding:+3px;">
++++++++<div+style="margin-right:+3px;">
++++++++++++<div+style="padding-right:+3px;">
++++++++++++++++<input+type="text"+style="width:100%25;">
++++++++++++</div>
++++++++</div>
++++</td>
++++<td+style="background-color:+green;+++padding:+3px;">
++++++++<div+style="margin-right:+3px;">
++++++++++++<div+style="padding-right:+3px;">
++++++++++++++++<input+type="text"+style="width:100%25;">
++++++++++++</div>
++++++++</div>
++++</td>
</tr>
</table>|code-block|syntax|javascript|1098980|(添加了颜色，以便更容易注意到正确的填充)|1098981|诀窍是用两个div包装输入，外部有3px的边距(这使得它比td小3px+)，内部有3px的填充。这使得输入的6px小于td，这就是您想要开始的。|1098982|我不确定这是什么机制，但它是有效的。|1098983|在这个简单的例子中，它也只适用于右边距为6的单个div。然而，在我的web应用程序中，只有上面的解决方案有效。|1098984|<table+style="background-color:+blue;+width:+100%25;"+cellpadding="0"+cellspacing="0">
<tr>
++++<td+style="background-color:+red;+++padding:+3px;">
++++++++<div+style="margin-right:+6px;">
++++++++++++++++<input+type="text"+style="width:100%25;">
++++++++</div>
++++</td>
++++<td+style="background-color:+purple;+++padding:+3px;">
++++++++<div+style="margin-right:+6px;">
++++++++++++++++<input+type="text"+style="width:100%25;">
++++++++</div>
++++</td>
++++<td+style="background-color:+green;+++padding:+3px;">
++++++++<div+style="margin-right:+6px;">
++++++++++++++++<input+type="text"+style="width:100%25;">
++++++++</div>
++++</td>
</tr>
</table>|1098985|entityMap^0|1|A|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|15|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|16|8|@]|D|@]|E|$]]|$1|U|3|V|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|W|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|X|$]]

<p>The problem with things like <code>width:95%;</code> is that they don't look right in wide flexible layouts (because 5% can then be like 30 pixels).</p>

<p>The following solutions works very well for me (tested in Firefox, IE 9, Safari):</p>

<pre><code>&lt;table style="background-color: blue; width: 100%;" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
    &lt;td style="background-color: red;   padding: 3px;"&gt;
        &lt;div style="margin-right: 3px;"&gt;
            &lt;div style="padding-right: 3px;"&gt;
                &lt;input type="text" style="width:100%;"&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/td&gt;
    &lt;td style="background-color: purple;   padding: 3px;"&gt;
        &lt;div style="margin-right: 3px;"&gt;
            &lt;div style="padding-right: 3px;"&gt;
                &lt;input type="text" style="width:100%;"&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/td&gt;
    &lt;td style="background-color: green;   padding: 3px;"&gt;
        &lt;div style="margin-right: 3px;"&gt;
            &lt;div style="padding-right: 3px;"&gt;
                &lt;input type="text" style="width:100%;"&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>(added the colors to make it easier to notice the correct padding)</p>

<p>The trick is to wrap the input with two divs, the outer has a 3px margin (which makes it 3px smaller than the td), the inner has a 3px padding.  This makes the input 6px smaller than the td, which is what you wanted to begin with.</p>

<p>I am not sure about the mechanics of this, but it works.  </p>

<p>In this simple example, it also works with just a single div with right margin 6.  However, in the case of my web application, only the above solution works. </p>

<pre><code>&lt;table style="background-color: blue; width: 100%;" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
    &lt;td style="background-color: red;   padding: 3px;"&gt;
        &lt;div style="margin-right: 6px;"&gt;
                &lt;input type="text" style="width:100%;"&gt;
        &lt;/div&gt;
    &lt;/td&gt;
    &lt;td style="background-color: purple;   padding: 3px;"&gt;
        &lt;div style="margin-right: 6px;"&gt;
                &lt;input type="text" style="width:100%;"&gt;
        &lt;/div&gt;
    &lt;/td&gt;
    &lt;td style="background-color: green;   padding: 3px;"&gt;
        &lt;div style="margin-right: 6px;"&gt;
                &lt;input type="text" style="width:100%;"&gt;
        &lt;/div&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>


blocks|key|1313981|text|从DOCTYPE声明中去掉"http://www.w3.org/TR/html4/loose.dtd“，它就可以解决您的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1313982|干杯！:)|1313983|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html4/loose.dtd^0|E|10|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<p>Take out the "http://www.w3.org/TR/html4/loose.dtd" from the DOCTYPE declaration and it fix your problem. </p>

<p>Cheers! :)</p>


blocks|key|1314150|text|这个问题是由于输入元素框模型造成的。我最近刚刚找到了一个很好的解决方案来解决这个问题，当我试图将我的输入保持在移动设备的100%25。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1314151|用另一个元素包装您的输入，例如div。然后对包装器div应用您想要的输入样式。例如：|1314152|<div+class="input-wrapper">
+<input+type="text"+/>
</div>

.input-wrapper+{
++++border-raius:5px;
++++padding:10px;
}
.input-wrapper+input[type=text]+{
++++width:100%25;
++++font-size:16px;
}|code-block|syntax|javascript|1314153|给出.input-wrapper圆角填充等，任何你想要的输入，然后给输入宽度100%25。您的输入用边框等填充得很好，但没有令人讨厌的溢出！|1314154|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>The problem is due to the input element box model. I just recently found a nice solution to the issue when trying to keep my input at 100% for mobile devices. </p>

<p>Wrap your input with another element, a div for example. Then apply the styling you want for your input to that the wrapper div. For example:</p>

<pre><code>&lt;div class="input-wrapper"&gt;
 &lt;input type="text" /&gt;
&lt;/div&gt;

.input-wrapper {
    border-raius:5px;
    padding:10px;
}
.input-wrapper input[type=text] {
    width:100%;
    font-size:16px;
}
</code></pre>

<p>Give .input-wrapper rounded corner padding etc, whatever you want for your input, then give the input width 100%. You have your input padded nicely with a border etc but without the annoying overflow!   </p>


blocks|key|1099265|text|您可以使用CSS3+box-sizing属性来包含外部填充和边框：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1099266|input[type="text"]+{
+++++width:+100%25;+
+++++box-sizing:+border-box;
+++++-webkit-box-sizing:border-box;
+++++-moz-box-sizing:+border-box;
}|code-block|syntax|javascript|1099267|entityMap^0|A|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>You could use the CSS3 <code>box-sizing</code> property to include the external padding and border:</p>

<pre><code>input[type="text"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
</code></pre>


blocks|key|1099455|text|我从@hallodom的回答开始修复了这个问题。我的所有输入都包含在li的输入中，所以我所要做的就是设置li+overflow:hidden，让它删除多余的输入溢出。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1099456|.ie7+form+li+{
++width:100%25;
++overflow:hidden;
}

.ie7+input+{
++width:100%25;
}|code-block|syntax|javascript|1099457|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I fixed this issue starting with @hallodom's answer. All my inputs were contained within li's, so all I had to do was set the li overflow:hidden for it to remove that excess input overflow.</p>

<pre><code>.ie7 form li {
  width:100%;
  overflow:hidden;
}

.ie7 input {
  width:100%;
}
</code></pre>


blocks|key|1314562|text|使用一些Javascript，您可以获得包含TD的确切宽度，然后将其直接分配给输入元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1314563|下面是原始的javascript，但是jQuery会让它变得更干净...|1314564|var+inputs+=+document.getElementsByTagName('input');
for+(var+i+=+0;+i+<+inputs.length;+i%2B%2B)
{
++++var+el+=+inputs[i];
++++if+(el.style.width+==+'100%25')
++++{
++++++++var+pEl+=+el.parentNode;++//+Assumes+the+parent+node+is+the+TD...
++++++++el.style.width+=+pEl.offsetWidth;
++++}
}|code-block|syntax|javascript|1314565|此解决方案的问题包括：|1314566|1)如果您的输入包含在另一个元素中，如SPAN，那么您将需要循环并找到TD，因为SPAN等元素将包装输入并显示其大小，而不是局限于TD的大小。|1314567|2)如果你在不同的级别添加了填充或边距，那么你可能必须从pEl.offsetWidth中显式地减去它。这取决于您可以计算的HTML结构。|1314568|3)如果表格列的大小是动态调整的，那么更改一个元素的大小将导致表格在某些浏览器中回流，并且当您按顺序“固定”输入大小时，可能会获得阶梯式效果。解决方案是以百分比或像素的形式为列分配特定的宽度，或者收集新的宽度并在之后设置它们。请参阅下面的代码。|1314569|var+inputs+=+document.getElementsByTagName('input');
var+newSizes+=+[];
for+(var+i+=+0;+i+<+inputs.length;+i%2B%2B)
{
++++var+el+=+inputs[i];
++++if+(el.style.width+==+'100%25')
++++{
++++++++var+pEl+=+el.parentNode;++//+Assumes+the+parent+node+is+the+TD...
++++++++newSizes.push(+{+el:+el,+width:+pEl.offsetWidth+});
++++}
}

//+Set+the+sizes+AFTER+to+avoid+stepping...
for+(var+i+=+0;+i+<+newSizes.length;+i%2B%2B)
{
++++newSizes[i].el.style.width+=+newSizes[i].width;
}|1314570|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>With some Javascript you can get the exact width of the containing TD and then assign that directly to the input element.</p>

<p>The following is raw javascript but jQuery would make it cleaner...</p>

<pre><code>var inputs = document.getElementsByTagName('input');
for (var i = 0; i &lt; inputs.length; i++)
{
    var el = inputs[i];
    if (el.style.width == '100%')
    {
        var pEl = el.parentNode;  // Assumes the parent node is the TD...
        el.style.width = pEl.offsetWidth;
    }
}
</code></pre>

<p>The issues with this solution are:</p>

<p>1) If you have your inputs contained in another element such as a SPAN then you will need loop up and find the TD because elements like SPANs will wrap the input and show its size rather then being limited to the size of the TD.</p>

<p>2) If you have padding or margins added at different levels then you might have to explicitly subtract that from [pEl.offsetWidth].  Depending on your HTML structure that can be calculated.</p>

<p>3) If the table columns are sized dynamically then changing the size of one element will cause the table to reflow in some browsers and you might get a stepped effect as you sequentially "fix" the input sizes.  The solution is to assign specific widths to the column either as percentages or pixels OR collect the new widths and set them after.  See the code below..</p>

<pre><code>var inputs = document.getElementsByTagName('input');
var newSizes = [];
for (var i = 0; i &lt; inputs.length; i++)
{
    var el = inputs[i];
    if (el.style.width == '100%')
    {
        var pEl = el.parentNode;  // Assumes the parent node is the TD...
        newSizes.push( { el: el, width: pEl.offsetWidth });
    }
}

// Set the sizes AFTER to avoid stepping...
for (var i = 0; i &lt; newSizes.length; i++)
{
    newSizes[i].el.style.width = newSizes[i].width;
}
</code></pre>


blocks|key|1099627|text|我知道这个问题已经有3年的历史了，但这个问题仍然存在于当前的浏览器中，人们仍然会来这里。目前的解决方案是calc()：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1099628|input+{
++++width:+calc(100%25+-+12px);+/*+IE+9,10+,+Chrome,+Firefox+*/
++++width:+-webkit-calc(100%25+-+12px);+/*For+safari+6.0*/
}|code-block|syntax|javascript|1099629|大多数现代浏览器都支持它。|1099630|entityMap|0|LINK|mutability|MUTABLE|url|http://caniuse.com/#feat=calc^0|1G|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>I know that this question is 3 years old but the problem still persists for current browsers and folks are still coming here. The solution for now is <a href="http://caniuse.com/#feat=calc" rel="nofollow">calc()</a>: </p>

<pre><code>input {
    width: calc(100% - 12px); /* IE 9,10 , Chrome, Firefox */
    width: -webkit-calc(100% - 12px); /*For safari 6.0*/
}
</code></pre>

<p>It is supported by most modern browsers.</p>


blocks|key|1099688|text|除了对输入和包装器执行相同的操作外，我还通过将box-sizing:border-box；应用于表单元格本身解决了这个问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1099689|entityMap^0|N|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>I solved the problem by applying <code>box-sizing:border-box</code>; to the table cells themselves, besides doing the same with the input and the wrapper.</p>


blocks|key|1099753|text|而不是这种边际斗争，只要做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1099754|input{
++++width:100%25;
++++background:transparent+!important;
}|code-block|syntax|javascript|1099755|这样，单元格边框是可见的，您可以控制行背景色|1099756|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>instead of this margin struggle just do</p>

<pre><code>input{
    width:100%;
    background:transparent !important;
}
</code></pre>

<p>this way the cell border is visible and you can control row background color</p>


blocks|key|1099797|text|我用这个解决了这个问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1099798|tr+td+input[type=text]+{
++width:+100%25;
++box-sizing:+border-box;
++-webkit-box-sizing:border-box;
++-moz-box-sizing:+border-box;
++background:transparent+!important;
++border:+0px;
}|code-block|syntax|javascript|1099799|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I solved the problem by using this</p>

<pre><code>tr td input[type=text] {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
  background:transparent !important;
  border: 0px;
}
</code></pre>


<p>Does anyone know why the input elements with a width of 100% go over the table's cells border.</p>

<p>In the simple example below input box go over the table's cells border, the result is horrible. This was tested and it happens in the same way on: Firefox, IE7 and Safari.</p>

<p>Does it make sense for you?
Am I missing something, do you know about a possible solution?</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;    
&lt;html&gt;&lt;head&gt;    
   &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252"&gt; &lt;!-- don't use closing slash in meta tag, it breaks HTML4.01 transitional --&gt;
   &lt;title&gt;Test input text in table&lt;/title&gt;
   &lt;style type="text/css"&gt;      
      table {border-top: 1px solid #ff0000; border-left: 1px solid #ff0000;}
      table td {border-right: 1px solid #00ff00; border-bottom: 1px solid #00ff00;}
      input[type="text"] {width: 100%;} /* removing this would make input not to go over cells border, but they would be too short, I want them to fit cells size */
   &lt;/style&gt;    
&lt;/head&gt;&lt;body&gt;

&lt;table cellpadding="0" cellspacing="0"&gt;
   &lt;tr&gt;
      &lt;td&gt;&lt;p&gt;column one hello babe babe babe&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;p&gt;column two hello babe more&lt;/p&gt;&lt;/td&gt;
      &lt;td&gt;&lt;p&gt;column three hello babe more and more&lt;/p&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
      &lt;td&gt;&lt;input type="text" value="test"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" value="test"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" value="test"&gt;&lt;/td&gt;
   &lt;/tr&gt;
&lt;/table&gt;

&lt;/body&gt;&lt;/html&gt;
</code></pre>


HTML input textbox with a width of 100% overflows table cells

jQuery

有人知道为什么宽度为100%的输入元素会越过表格的单元格边框吗？在下面这个简单的例子中，输入框跳过表格的单元格边框，结果很糟糕。这是经过测试的，在火狐、IE7和Safari上也是以同样的方式发生的。这对你来说有意义吗？我是不是漏掉了什么，你知道可能的解决方案吗？<!DOCTYPE html PUBLIC "-//W3C...

问宽度为100%的HTML输入文本框溢出表单元格
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问宽度为100%的HTML输入文本框溢出表单元格EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问宽度为100%的HTML输入文本框溢出表单元格
EN