在可编辑的iframe区域中怎样在"大层"的右侧从上到下并排放置"小层?不想用表格定位

Question

<div style="width:400;height:1;background-color:red">
  <span style="width:100;height:100%;background-color:#ffeecc;"></span>
  <span style="width:100;height:100%;background-color:yellow;">
    <div style="background-color:#0000ff">aa</div>
    <div style="background-color:#0000ef">aa</div>
    <div style="background-color:#0000df">aa</div>
    <div style="background-color:#0000cf">aa</div>
    <div style="background-color:#0000af">aa</div>
    <div style="background-color:#00001f">aa</div>
    <div style="background-color:#00002f">aa</div>
    <div style="background-color:#00003f">aa</div>
    <div style="background-color:#00004f">aa</div>
    <div style="background-color:#00005f">aa</div>
    <div style="background-color:#00006f">aa</div>
    <div style="background-color:#00007f">aa</div>
  </span>
  <span>&nbsp;</span>
  <span style="width:100;height:100%;background-color:yellow;">
    <div style="background-color:#0000ff">aa</div>
    <div style="background-color:#0000ef">aa</div>
    <div style="background-color:#0000df">aa</div>
    <div style="background-color:#0000cf">aa</div>
    <div style="background-color:#0000af">aa</div>
    <div style="background-color:#00001f">aa</div>
    <div style="background-color:#00002f">aa</div>
    <div style="background-color:#00003f">aa</div>
    <div style="background-color:#00004f">aa</div>
    <div style="background-color:#00005f">aa</div>
    <div style="background-color:#00006f">aa</div>
    <div style="background-color:#00007f">aa</div>
  </span>
</div>
是这种效果吗？

Answer 1

<div style="width:400;height:1;background-color:red">
  <span style="width:100;height:100%;background-color:#ff00cc;"></span>
  <span style="width:100;height:100%;background-color:yellow;">
    <div style="background-color:#0000ff">aa</div>
    <div style="background-color:#0000ef">aa</div>
    <div style="background-color:#0000df">aa</div>
    <div style="background-color:#0000cf">aa</div>
    <div style="background-color:#0000af">aa</div>
    <div style="background-color:#00001f">aa</div>
    <div style="background-color:#00002f">aa</div>
    <div style="background-color:#00003f">aa</div>
    <div style="background-color:#00004f">aa</div>
    <div style="background-color:#00005f">aa</div>
    <div style="background-color:#00006f">aa</div>
    <div style="background-color:#00007f">aa</div>
  </span>
  <span>&nbsp;</span>
  <span style="width:100;height:100%;background-color:yellow;">
    <div style="background-color:#0000ff">aa</div>
    <div style="background-color:#0000ef">aa</div>
    <div style="background-color:#0000df">aa</div>
    <div style="background-color:#0000cf">aa</div>
    <div style="background-color:#0000af">aa</div>
    <div style="background-color:#00001f">aa</div>
    <div style="background-color:#00002f">aa</div>
    <div style="background-color:#00003f">aa</div>
    <div style="background-color:#00004f">aa</div>
    <div style="background-color:#00005f">aa</div>
    <div style="background-color:#00006f">aa</div>
    <div style="background-color:#00007f">aa</div>
  </span>
</div>
是这种效果吗？

Answer 2

想让"大层"与其它"小层"是并排的，但是放到可编辑的iframe区域中就错位成:
大　
层  
    小层1 小层2
    小层3 小层4
    小层5 小层6
    小层7 小层8而我想要的效果是放到可编辑的iframe区域中是下面这种效果,想让"大层"与其它"小层"是并排的：
大　小层1 小层2
    小层3 小层4
    小层5 小层6
层  小层7 小层8

Answer 3

可能是我没说明白，我在使用"孟子E章"的HTML编辑器过程遇到一个问题,
这个HTML编辑器代码很简单,你可以看看:
http://lucky.myrice.com/javascriptexam/htmleditor/editor/editor.htm
比如我想做的效果是在这个HTML编辑器的编辑区域(其实就是一个iframe)中加入一个大个的按钮d1,在大按钮的右侧加三个竖向排列的
小按钮d2,d3,d4,让这三个小按钮紧挨着大按钮d1右侧竖向排列且d2,d3,d4的高度之和等于d1的高度,不能用表格来定位。
d1(高:300,宽200)
d2(高:100,宽100)
d3(高:100,宽100)
d4(高:100,宽100)
想让d2,d3,d4在d1的右侧紧挨着d1竖向排列但是当插入d1后,光标始终停留在d1的右下角,根本就不能将光标移动到d1的右上角,所以我上面的效果根本就做不出来。

Answer 4

这是不是iframe本身的BUG????????

Answer 5

对不起，我上不了http://lucky.myrice.com/javascriptexam/htmleditor/editor/editor.htm
被公司封了