4个div,想把这4个div放到一个大div里面,上面两个,下面两个,像田字一样,请问怎么写呢

举报该问题

其他回答

第1个回答 2011-05-23

理论上没问题、你把里面的DIV都左浮动试试呢、

第2个回答 2011-05-23

<div style="width:auto; height:572px; float:left;">
<div style=" float:left;width:230PX; height:279px; background-image:url(111.files/7cbd70b2ffcbcc1cae6be8467513694c.gif);">1</div>
<div style="float:right;width:245PX; height:279px; background-image:url(111.files/be5ad92617cc044ec45f769c376532a2.gif);">2</div>
<div style="float:left;width:230PX; height:293px; background-image:url(111.files/0a91f5edb4f66cd1731fb99700ad35c8.gif);">3</div>
<div style="float:right;width:245PX; height:293px; background-image:url(111.files/1430885afa0fa68e0c87409c968ee3c5.gif);">4</div>
</div>
既然是摆放田字格还不如用TABLE

第3个回答 2011-05-24

加的不多，在后面，另外给改了一下：
<style type="text/css">
#content{width:475px;height:572px;float:left;}
#a{width:230PX;height:279px;background-image:url(111.files/7cbd70b2ffcbcc1cae6be8467513694c.gif);float:left;}
#b{width:245PX;height:279px;background-image:url(111.files/be5ad92617cc044ec45f769c376532a2.gif);float:left;clear:right;}
#c{width:230PX;height:293px;background-image:url(111.files/0a91f5edb4f66cd1731fb99700ad35c8.gif);float:left;}
#d{width:245PX;height:293px;background-image:url(111.files/1430885afa0fa68e0c87409c968ee3c5.gif);float:left;clear:right;}
</style>
</head>
<body>
<div id="content">
<div id="a">1</div>
<div id="b">2</div>
<div id="c">3</div>
<div id="d">4</div>
</div>
</body>本回答被提问者采纳

第4个回答 2011-05-24

相似回答

在HTML开发中如何利用DIV实现这样的布局?答：第一步、新建html文档并搭建框架新建一个TXT文档，重命名为“田子格布局.html”，然后用记事本打开，输入表头信息，已经html整体框架搭建。包括head与body。第二步、DIV布局分别复制4个不同的div作为4部分，并且分别命名为不同id；显示内容为块1、块2、块3、块4。【提示】div在html里是单独占一列...

4个div怎么写成两行两列类似table的田字布局?答：</div> <div class="div_td" style="border-bottom:1px #000000 solid; "> 第二个 </div> <div class="div_td" style="border-right:1px #000000 solid;"> 第三个 </div> <div class="div_td"> 第四个 </div> </div> </body> </html> 这就是你要的效果 ...

...想在一个页面里放置4个gridview,一排放2个,成田字型怎么弄答：最简单的是写一个table标签：<table border="0" cellpadding="0" cellspacing="0" width="200"><tbody> <tr> <td> 这里拖一个gridview控件 </td> <td> 这里拖一个gridview控件 </td> </tr> <tr> <td> 这里拖一个gridview控件 </td> <td> 这里拖一个gridview控件 </td> </tr>...

如何用html五个DIY做田字代码?答：float: left;clear: left;} prat4{ width: 200px;height: 200px;background: green;float: left;} </style> </head> <body> <div id="prat1">1块</div> <div id="prat2">2块</div> <div id="prat3">3块</div> <div id="prat4">4块</div> </body> </html> ...

大家正在搜

怎么把小文件夹放到一个大文件夹里在电脑上怎样把字体放到最大字体放到大字体放到最大怎么让div居中 div上下居中使用div dive div居中是