我正在尝试构建一个布局，其中包含创建带圆角的框的图像。
每个都有一个图像，中间需要能够通过浏览器水平增加/减少，并与内容垂直增加/减少。
但是图像需要像一个一样保持在一起，因此顶部和底部WIDTH是动态的，左右HEIGHT是动态的，中间的WIDTH和HEIGHT是动态的。
这需要IE 8 +，FF，Chrome，Safari
支持[[left corner image]][[top image <----------------------->]][[rightcorner img]]
[[left side image]][[middle backgrd image text on top<->]][[right side img]]
[[left corner image]][[bottom image <-------------------->]][[rightcorner img]]
已更新 我试过的......
<div style="float:left"><img..></div><div style="float:left; width:98%"><img..></div><div style="float:left"><img...></div><div style="clear:left"><div>
<div style="float:left"><img..></div><div style="float:left; width:98%; background-image: url(img)"></div><div style="float:left"><img...></div><div style="clear:left"><div>
<div style="float:left"><img..></div><div style="float:left; width:98%"><img..></div><div style="float:left"><img...></div><div style="clear:left"><div>
但左侧和右侧不正确，当浏览器调整大小时，我无法使顶部和底部与中间水平同步