我想让一个按钮填充一个表格单元格，使整个单元格都可以点击。默认情况下，该按钮具有自动宽度，因此我必须将其明确设置为100%宽度(display:blockdoesn’twork)。但这样做会使单元格不再识别自己的宽度。在Firefox中，当使用overflow:scroll将表格嵌套在容器中时，这是一个问题:正如您在示例中看到的，单元格中的文本流出单元格，并且单元格太小了。可见宽度的宽度均匀分布在所有单元格中。在第二个示例中，我用div替换了按钮，但没有显示问题:单元格正确地获得了它们需要的宽度。第三个示例显示了一个更真实的用例，第二行使列更宽(这就是按钮需要具有width:100%的

我想让一个按钮填充一个表格单元格，使整个单元格都可以点击。默认情况下，该按钮具有自动宽度，因此我必须将其明确设置为100%宽度(display:blockdoesn’twork)。但这样做会使单元格不再识别自己的宽度。在Firefox中，当使用overflow:scroll将表格嵌套在容器中时，这是一个问题:正如您在示例中看到的，单元格中的文本流出单元格，并且单元格太小了。可见宽度的宽度均匀分布在所有单元格中。在第二个示例中，我用div替换了按钮，但没有显示问题:单元格正确地获得了它们需要的宽度。第三个示例显示了一个更真实的用例，第二行使列更宽(这就是按钮需要具有width:100%的

我试图让输入看起来像纯文本。目的是绘制一个跨度，当用户单击跨度时，它会隐藏并显示一个看起来像纯文本但可由用户编辑的输入。在Chrome和Firefox中，即使我将padding和marginCSS属性设置为0，我也无法摆脱顶部和底部的填充。我的CSS看起来像这样:input.myInput{font-family:"segoeui";font-size:20px;padding:0px;margin:0px;outline:none;border:0px;vertical-align:baseline;}看到字体大小设置为20px。Chrome和Firefox添加了4pxpadding

我试图让输入看起来像纯文本。目的是绘制一个跨度，当用户单击跨度时，它会隐藏并显示一个看起来像纯文本但可由用户编辑的输入。在Chrome和Firefox中，即使我将padding和marginCSS属性设置为0，我也无法摆脱顶部和底部的填充。我的CSS看起来像这样:input.myInput{font-family:"segoeui";font-size:20px;padding:0px;margin:0px;outline:none;border:0px;vertical-align:baseline;}看到字体大小设置为20px。Chrome和Firefox添加了4pxpadding

拿这个:http://jsfiddle.net/zVscL/4/.edit-me{height:100%;/*doesnotbehavethesameasChrome*/width:10px;border:1pxsolidblue;background:red;float:left;overflow:auto;}在Chrome上打开页面，然后在Firefox上打开。蓝色div不继承有没有解释为什么会这样？任何修复？纯HTML/CSS解决方案更可取。我已经花了好几个小时试图让CSS正常工作，而当我最终做FF时，它做到了。耗尽我的开发时间。 最佳答案

拿这个:http://jsfiddle.net/zVscL/4/.edit-me{height:100%;/*doesnotbehavethesameasChrome*/width:10px;border:1pxsolidblue;background:red;float:left;overflow:auto;}在Chrome上打开页面，然后在Firefox上打开。蓝色div不继承有没有解释为什么会这样？任何修复？纯HTML/CSS解决方案更可取。我已经花了好几个小时试图让CSS正常工作，而当我最终做FF时，它做到了。耗尽我的开发时间。 最佳答案

我一直在尝试让CSS形状在跨浏览器中工作，我已经让它在Chrome和Safari中正常工作，没有任何问题，我似乎无法在Firefox中工作(尚未测试IE，不期待那个)。codepen这是HTML:PROFESSIONALPROPERTYMAINTENANCESERVICESFORBUSINESSESThroughouttheNorthwestofEnglandincludingLiveprool,Manchester,Preston,WiganandSt.Helens这是CSS:.container{width:960px;margin:0auto;}section.hero{padd

我一直在尝试让CSS形状在跨浏览器中工作，我已经让它在Chrome和Safari中正常工作，没有任何问题，我似乎无法在Firefox中工作(尚未测试IE，不期待那个)。codepen这是HTML:PROFESSIONALPROPERTYMAINTENANCESERVICESFORBUSINESSESThroughouttheNorthwestofEnglandincludingLiveprool,Manchester,Preston,WiganandSt.Helens这是CSS:.container{width:960px;margin:0auto;}section.hero{padd

img{max-width:100%!important;/*Setamaxiumrelativetotheparent*/width:auto\9!important;/*IE7-8needhelpadjustingresponsiveimages*/height:auto;/*Scaletheheightaccordingtothewidth,otherwiseyougetstretching*/vertical-align:middle;border:0;display:block;-ms-interpolation-mode:bicubic;}以上CSS取自TwitterBoo

img{max-width:100%!important;/*Setamaxiumrelativetotheparent*/width:auto\9!important;/*IE7-8needhelpadjustingresponsiveimages*/height:auto;/*Scaletheheightaccordingtothewidth,otherwiseyougetstretching*/vertical-align:middle;border:0;display:block;-ms-interpolation-mode:bicubic;}以上CSS取自TwitterBoo