首页 新闻 赞助 找找看

CSS 布局问题

0
[已关闭问题]
<P>&lt;body&gt;<BR>&lt;div style="width:750px;float:left;border:1px solid red;"&gt;<BR>&lt;div style="width:750px;height:90px;border:1px solid #333;float:left;"&gt;div1&lt;/div&gt;<BR>&lt;div style="width:500px;height:100px;border:1px solid #333;float:left;"&gt;div2&lt;/div&gt;<BR>&lt;div style="width:500px;height:200px;border:1px solid #333;float:left;"&gt;div3&lt;/div&gt;<BR>&lt;div style="width:200px;height:300px;border:1px solid #333;"&gt;div4&lt;/div&gt;<BR>&lt;/div&gt;<BR>&lt;/body&gt;</P> <P>请问如何将DIV4填补到DIV2 DIV3的右侧空间 形成一个整体的方块</P> <P>&nbsp;</P>
问题补充: 现在的问题是 DIV2的右边空出一块区域 我想让DIV4直接填补DIV2 DIV3右侧的空白
孟磊的主页 孟磊 | 初学一级 | 园豆:200
提问于:2008-03-16 15:53
< >
分享
其他回答(7)
0
我的方案你看行不行?外加一个div,可以实现你要的效果 <body> <div style="width:750px;float:left;border:1px solid red;"> <div style="width:750px;height:90px;border:1px solid #333;float:left;">div1</div> <div style="float:left;"> <div style="width:500px;height:100px;border:1px solid #333;float:left;">div2</div> <div style="width:500px;height:200px;border:1px solid #333;float:left;">div3</div> </div> <div style="width:200px;height:300px;border:1px solid #333;">div4</div> </div> </body>
任力 | 园豆:1124 (小虾三级) | 2008-03-16 21:14
0
<body> <div style="width:750px;float:left;border:1px solid red;"> <div style="width:750px;height:90px;border:1px solid #333;float:left;">div1</div> <div style="width:200px;height:300px;border:1px solid #333;float:right;">div4</div> <div style="width:500px;height:100px;border:1px solid #333;float:left;">div2</div> <div style="width:500px;height:200px;border:1px solid #333;float:left;">div3</div> </div> </body> 你是不是想要这样的?
丁学 | 园豆:18730 (专家六级) | 2008-03-17 08:35
0
应该是任力的正确吧?
张荣华 | 园豆:2020 (老鸟四级) | 2008-03-17 09:21
0
<body> <div style="width:750px;float:left;border:1px solid red;"> <div style="width:750px;height:90px;border:1px solid #333;float:left;">div1</div> <div style="width:500px;height:100px;border:1px solid #333;float:left;">div2</div> <div style="width:500px;height:200px;border:1px solid #333;float:left;">div3</div> <div style="width:245px;height:300px;border:1px solid #333; position:absolute; top:108px;">div4</div> </div> 按照你的要求做的.看看合适不? 主要体现在"position:absolute; top:108px;" 使用绝对定位.不修改上面任何一个除div4的div. 在这里你也可以把"top:108px"改成"margin-top:-102px;"
MartinGao | 园豆:663 (小虾三级) | 2008-03-17 21:21
0
丁学 的回答的应该正确吧,把div4 提到div2和div3上面,让div4 float:right 这样的行了,div布局时很多都这样设计的.
江闯 | 园豆:130 (初学一级) | 2008-03-20 12:12
0
高超,我所理解认为高超是对的.
20056440145 | 园豆:205 (菜鸟二级) | 2008-04-07 19:21
0
< body > < div style="width:750px;float:left;border:1px solid red;" > < div style="width:750px;height:90px;border:1px solid #333;float:left;">div1< / div > <b>< div style="float:left" ></b> < div style="width:500px;height:100px;border:1px solid #333;float:left;">div2< / div > < div style="width:500px;height:200px;border:1px solid #333;float:left;">div3< / div > <b>< / div ></b> < div style="width:200px;height:300px;border:1px solid #333;">div4< / div > < / div > < / body > ======================================== 在你的代码上增长了 < div style="float:left" > div2 div3 < / div >
居小齐 | 园豆:240 (菜鸟二级) | 2008-04-16 13:11
0
你好.这个问题很好解决. 1.去掉除了DIV1,2,3的float:left 2.将DIV4放在1的后面.float:right <div style="width:750px;float:left;border:1px solid red;"> <div style="width:750px;height:90px;border:1px solid #333;"> div1 </div> <div style="width:200px;height:300px;border:1px solid #333;float:right;"> div4 </div> <div style="width:500px;height:100px;border:1px solid #333;"> div2 </div> <div style="width:500px;height:200px;border:1px solid #333;"> div3 </div> </div>
Kenneth Byron | 园豆:570 (小虾三级) | 2008-04-24 22:20
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册