CSS按钮-100%的父级

有谁能建议最好的跨浏览器/设备方法来设计具有弯曲边缘的按钮，该按钮将延伸到其父元素的宽度

按钮需要使用背景图像-我正在考虑以下代码-按钮需要拉伸到90%外部div的宽度-btnContent div将拉伸，leftCurve/rightCurve保持相同的大小宽度

<div style="width:90%">
 <div class="leftCurve"></div>
 <div class="btnContent">button 1</div>
 <div class="rightCurve"></div>
</div>

按钮1

那不是实际的代码。在任何情况下，您都需要将90%放在BTN内容上，而不是放在父元素上。

尝试此方法

<style>
.outerdiv{ width:100%;}
.rightcurve{ background:url(rightcurveimage.png) no-repeat 100% 0; height:20px; padding-right:10px;}
.leftcurve{ background:url(leftcurveimage.png) no-repeat 0 0; width:1%; height:20px; float:left; clear:right;}
.btncenter{ background:url(btncenterimage.png) repeat 0 0; height:20px; float:left; width:99%;}
</style>

<div style="width:100%">
 <div class="rightcurve">
  <div class="leftcurve"></div>
  <div class=btncenter> Button 1</div>
 </div>
</div>

.outerdiv{宽度：100%；}
.rightcurve{背景：url（rightcurveimage.png）不重复100%0；高度：20px；右填充：10px；}
.leftcurve{背景：url（leftcurveimage.png）不重复0；宽度：1%；高度：20px；浮点：左；清除：右；}
.btncenter{背景：url（btncenterimage.png）重复0；高度：20px；浮点：左；宽度：99%；}
按钮1

---

注意：您必须将leftcurve和btncenter div放入rightcurve div中

不是实际代码吗？不知道你这里指的是什么-它的Html？我只是在寻找一种将css应用于it@Paul

style=“90%”

不是有效代码。当你说“我正在考虑下面的代码”时，我有点期待一个“几乎可以工作”的版本，而不仅仅是一个占位符。但看起来好像是别人帮了你。