我想要做的是有一个 700px 的列，其左侧的图像宽度为 20%，右侧的图像宽度占据右侧页面的其余部分。所以基本上从左到右会有一个 20% 宽的图像，然后是一个包含网站内容的 700 像素宽的列，然后是右侧的一个图像，占据了页面的其余宽度。我一直在为如何做到这一点而苦苦挣扎，我觉得我把它弄得太复杂了。
问问题
287 次
1 回答
0
<div id="leftImage" style="float:left;width:20%;background-repeat:no-repeat;background-image:url(URL TO LEFT IMAGE); height: HEIGHT OF LEFT IMAGE IN px;"> </div>
<div id="content" style="width: 700px;float:left;">CONTENT</div>
<div id="rightImage" style="float:left;background-repeat:no-repeat;background-image:url(URL TO RIGHT IMAGE); height: HEIGHT OF RIGHT IMAGE IN px;"> </div><br clear="all" />
尝试类似的东西。
于 2012-05-12T20:29:24.993 回答