IE7下圆角div问题
我正在使用以下结构。
<div style="background:#000 url(images/heading/bg.gif) repeat-x 0 0; height:28px; color:#FFF;">
<div style="float:left; width:4px; background: #000 url(images/heading/left_curve.gif) no-repeat 0 left; height:28px;"></div>
<span style="margin: 0 4px;">asdkjhkhasf</span>
<div style="float:right; width:4px; background: #000 url(images/heading/right_curve.gif) no-repeat 0 right; height:28px;"></div>
</div>
</div>
在 IE7 中，右曲线图像（最后一个 div）断到下一行...
请帮我解决这个问题。
I am using following structure.
<div style="background:#000 url(images/heading/bg.gif) repeat-x 0 0; height:28px; color:#FFF;">
<div style="float:left; width:4px; background: #000 url(images/heading/left_curve.gif) no-repeat 0 left; height:28px;"></div>
<span style="margin: 0 4px;">asdkjhkhasf</span>
<div style="float:right; width:4px; background: #000 url(images/heading/right_curve.gif) no-repeat 0 right; height:28px;"></div>
</div>
</div>
In IE7, the right curve image(last div) is breaking to next line...
Please help me to resolve this issue.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试将“float:left”添加到您的范围中
try add "float:left" to your span
交换 span 和右浮动的 div，使 div 排在第一位。
Swap the span and the right-floated div, so that the div comes first.