UC知道css布局问题div内放表格横着放
来源：百度知道 编辑：UC知道 时间：2024/06/06 18:48:18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<head>
<title>Welcome To Scripting</title>
<style>
#left{
width:27%;
height:500px;
float:left;
}
#right{
width:72%;
height:500px;
float:left;
}
.folder
{
float:left;
}
</style>
</head>
<script>
function a(){
for(i=0;i<20;i++)
{
tab=document.createElement("table");
tb=document.createElement("TBODY");
document.getElementById("right").appendChild(tab);
tr1=document.createElement("tr");
td1=document.createElement("td");
td1.setAttribute("rowspan",2);
td2=document.cre
transitional.dtd">
<html>
<head>
<title>Welcome To Scripting</title>
<style>
#left{
width:27%;
height:500px;
float:left;
}
#right{
width:72%;
height:500px;
float:left;
}
.folder
{
float:left;
}
</style>
</head>
<script>
function a(){
for(i=0;i<20;i++)
{
tab=document.createElement("table");
tb=document.createElement("TBODY");
document.getElementById("right").appendChild(tab);
tr1=document.createElement("tr");
td1=document.createElement("td");
td1.setAttribute("rowspan",2);
td2=document.cre
一开始确实说错了,不过楼下的（现在的楼上）,你好像有点大动干戈了，不需要那么多的修改~
将"tab.setAttribute("className","folder"); "这一行的"className"改成"class"即可
这个应该说是楼主有点粗心了~
PS1：
还要抱歉的说一下，楼上的，你的JavaScript在IE7/8中无法被正确显示
PS2：
更抱歉的说一下，我的修改在IE7中无法正常显示（但IE8可以）,目前还没找到原因~
PS3:
最抱歉的，劝告楼主在这种容器宽度以百分比设置，元素宽度未设置的情况下最好不要用浮动定位，否则会有一些意想不到的问题.（楼主可以改变浏览器窗口的大小试试看）