关于动态生成div

<--第一组div>
<DIV id=w1 style="LEFT: 7px; MARGIN: auto;WIDTH: 290px; POSITION: absolute; TOP: 10px; HEIGHT: 100px">
<DIV id=i1 style=" FLOAT: right;  WIDTH: 90px;  TOP: 20px; HEIGHT: 90px">
<IMG height=90 src="" width=90/>
</DIV>
<P>这里填充文字</P>
</DIV><--第二组div>
<DIV id=w2 style=" LEFT: 9px; MARGIN: auto; WIDTH: 290px;  POSITION: absolute; TOP: 164px; HEIGHT: 100px">
<DIV id=i2 style=" FLOAT: right;WIDTH: 90px;  TOP: 20px; HEIGHT: 90px">
<IMG height=90 src="" width=90/>
</DIV>
<P>这里填充文字</P>
</DIV>这里有两组div,div的组数是随机生成的,我想要的就是,比如多一些信息就再生成一组div,但是此时我没法控制再下一组的top
也就是说第二组要紧挨着第一组.中间只留一行的距离,
但是因为填充文字的地方我不知道内容会有多少,所以难以确定第二组如何紧挨第一组.不是到各位老大是不是能明白我的意思.
求助

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你直接写个固定的DIV每次区分不就好了
<DIV id=w1 style="LEFT: 7px; MARGIN: auto;WIDTH: 290px; POSITION: absolute; TOP: 10px; HEIGHT: 100px">
</DIV>
//正式生成DIV部分
<DIV id=w1 style="LEFT: 7px; MARGIN: auto;WIDTH: 290px; POSITION: absolute;  HEIGHT: 100px">
<DIV id=i1 style=" FLOAT: right; WIDTH: 90px; TOP: 20px; HEIGHT: 90px">
<IMG height=90 src="" width=90/>
</DIV>
<P>这里填充文字</P>
</DIV><DIV id=w1 style="LEFT: 7px; MARGIN: auto;WIDTH: 290px; POSITION: absolute; TOP: 10px; HEIGHT: 100px">
</DIV>
不知道所说的是否符合你的意思：方法1. div高度固定，在里面加上overflow-y : scroll;方法2. 取消div的height，浏览器应该能自动处理div的位置吧？只控制div的margin应该就可以了啊。
不好意思早上没在.
是这样的
一个组的最外层的div
<DIV id=w1 style="LEFT: 7px; MARGIN: auto;WIDTH: 290px; POSITION: absolute; TOP: 10px;">
必须是绝对定位的.
这样就不能通过自动调整去排列div的组.
在加第二组div的时候,就需要算第一个div组的HEIGHT.
第一个组的HEIGHT是不固定的,由填充的文字内容决定.所以就是看有没有方法得到第一个div组的HEIGHT
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

     <script type="text/javascript" src="jquery-132min2.js"></script>
</head>
<body>
<div>
    <textarea id="tt" cols="18" rows="5"></textarea>
    <input type="button" value="btn"  id="sm"/></div>       <script type="text/javascript">
        $(document).ready(function () {
            var tem = "";
            var ind = 1;
            var jg = 5;
            var top = 0;
            function mkdiv(str) {
                if (str.toString().length > 0) {
                    tem = "<div id='dv" + ind + "' class='dv' style='LEFT: 170px; MARGIN: auto;WIDTH: 290px; POSITION:absolute; TOP:" + top + ";border:solid 1px black'><div id='dvv" + ind + "' style=' FLOAT: right; WIDTH: 90px; TOP: 20px;'><IMG height=90 src='' width='90' /><div><p style='table-layout:fixed; word-break: break-all; overflow:hidden; '>" + str + "</p></div></br></br>";                    $(document.body).append(tem);
                    ind++;
                }
                else {
                    alert("not null!");
                }
            }            $("#sm").click(function () {
                var val = document.getElementById("tt").value;
                top = 0;
                getTop();                mkdiv(val);
            });            function getTop() {
                $(".dv").each(function (k, i) {
                    top += $(i).height() + jg;
                });
            }
        });
    </script>
</body>
</html>
   有点乱
sorry  5楼  Jquery 不太懂能换成普通的javascript么?实在看得头大
只贴js，其实你应该看看jq的，确实方便var tem = "";      //你懂得
            var ind = 1;       //索引
            var jg = 5;        //间隔
            var top = 0;       //每一个的top
            function mkdiv(str) {
                if (str.toString().length > 0) {
                    tem = "<div id='dv" + ind + "' class='dv' style='LEFT: 170px; MARGIN: auto;WIDTH: 290px; POSITION:absolute; TOP:" + top + ";border:solid 1px black'><div id='dvv" + ind + "' style=' FLOAT: right; WIDTH: 90px; TOP: 20px;'><IMG height=30 src='' width='90' /><div><p style='table-layout:fixed; word-break: break-all; overflow:hidden; '>" + str + "</p></div>";                    $(document.body).append(tem);
                    ind++;
                }
                else {
                    alert("not null!");
                }
            }            function clc() {
                var val = document.getElementById("tt").value;                mkdiv(val);                top = 0;
                getTop();            }            function getTop() {                var l = document.body.childNodes.length;
                for (var k = 0; k < l; k++) {
                    var t = document.body.childNodes.item(k);
                    if (t.id.toString().indexOf('dv') > -1) {
                        top+=t.offsetHeight+jg;
                    };
                }            }