Javascript 如何去除黄色部分的空白？

功能聊天（id）{
函数resize（）{
var chat_emb=$（“#”+id）；
变量高度=$（窗口）.height（）-19；
变量宽度=$（窗口）.width（）-19；
聊天室高度（高度）；
聊天室宽度（宽度）；
var-boxw=chat_emb.width（）/1.20；
var boxh=聊天室高度（）；
变量boxtop=（boxh/5）/90；
boxleft=（boxw/5）/90；
变量框=$（“#cmsgs”）
变量输入=$（“#输入”）
var ulw=宽度-箱宽
var ulh=聊天室高度（）+3；
var ul=$（“#ul”）；
var rightul=（ulw+boxw-宽度）+10
//检查框是否有高度
//如果确实如此，则不需要生成元素
if（box.height（））{
css（“位置”、“绝对”）；
css（“top”，boxtop）；
css（“左”，boxleft）
箱高（箱高）
箱宽（箱宽）；
}否则{
变量框=document.createElement（“div”）；
box.id=“cmsgs”；
document.getElementById（id）.appendChild（box）；
变量框=$（“#cmsgs”）
css（“位置”、“绝对”）；
css（“top”，boxtop）；
css（“左”，boxleft）；
箱高（箱高）
箱宽（箱宽）；
}
如果（！input.height（））{
var输入=document.createElement（“输入”）；
setAttribute（“id”，“input”）；
document.getElementById（id）.appendChild（输入）；
输入=$（“#输入”）
输入宽度（框W-5）
css（“位置”、“绝对”）；
css（“左”，boxleft）；
css（“底部”，boxtop）；
}否则{
输入=$（“#输入”）
输入宽度（框W-5）
css（“位置”、“绝对”）；
css（“左”，boxleft）；
css（“底部”，boxtop）；
}
如果（ul.height（））{
ul.高度（ulh+3）；
ul.宽度（ulw）；
ul.css（“定位”、“绝对”）；
ul.css（“右”，rightul）；
}否则{
var ul=document.createElement（“div”）；
document.getElementById（id）.appendChild（ul）；
ul.id=“ul”；
ul=$（“#ul”）；
ul.高度（ulh+6）；
ul.宽度（ulw）；
ul.css（“位置”、“绝对”）；
ul.css（“右”，rightul）；
}
}
调整大小（）；
//调整事件大小
$（窗口）。绑定（“调整大小”，函数（）{
调整大小（）
});
$（文档）.bind（“调整大小”，函数（）{
调整大小（）
});
变量框=$（“#cmsgs”）；
css（“背景色”、“灰色”）；
变量输入=$（“#输入”）
css（“背景色”，“0FF”）；
var ul=$（“#ul”）；
css（“背景色”和“FF0”）；
css（“填充”，0,0,0,0,0）；
css（“保证金”，0,0,0,0,0）；
css（“填充”，0,0,0,0,0）；
css（“边距”，0,0,0,0,0）；
}
聊天室（“聊天室”）

#聊天室{
位置：绝对位置；
身高：100%；
宽度：100%；
顶部：0px；
左：0px；
}
#cmsgs{
位置：绝对位置；
顶部：0px；
左：0px；
背景颜色：灰色；
宽度：80%；
身高：95%；
}
#输入{
显示：内联块；
位置：绝对位置；
底部：0px；
左：0px；
身高：5%；
宽度：80%；
背景色：rgb（0255255）；
}
#保险商实验室{
位置：绝对位置；
右：0px；
顶部：0px；
身高：100%；
宽度：20%；
背景颜色：黄色；
}

#聊天室{
位置：绝对位置；
身高：100%；
宽度：100%；
顶部：0px；
左：0px；
}
#cmsgs{
位置：绝对位置；
顶部：0px；
左：0px；
背景颜色：灰色；
宽度：80%；
身高：95%；
}
#输入{
显示：内联块；
位置：绝对位置；
底部：0px；
左：0px；
身高：5%；
宽度：80%；
背景色：rgb（0255255）；
}
#保险商实验室{
位置：绝对位置；
右：0px；
顶部：0px；
身高：100%；
宽度：20%；
背景颜色：黄色；
}

---

您可以在父div上使用

位置：相对，而不是绝对定位，并使用简单的浮点：右

这样，您甚至不需要事先知道任何东西的宽度。
而不是绝对定位，您可以在父div上使用
position:relative
，并使用一个简单的float:right

这样，您甚至不需要事先知道任何东西的宽度。
您可以尝试下面的代码。代码中的一些更改


功能聊天（id）{
函数resize（）{
var chat_emb=$（“#”+id）；
变量高度=$（窗口）.height（）-19；
变量宽度=$（窗口）.width（）-19；
聊天室高度（高度）；
聊天室宽度（宽度）；
var-boxw=chat_emb.width（）/1.20；
var boxh=聊天室高度（）；
变量boxtop=（boxh/5）/90；
boxleft=（boxw/5）/90；
变量框=$（“#cmsgs”）
变量输入=$（“#输入”）
var ulw=$（窗口）.width（）-boxw
var ulh=聊天室高度（）+3；
var ul=$（“#ul”）；
var rightul=（ulw+boxw-$（window.width（））
//检查框是否有高度
//如果确实如此，则不需要生成元素
if（box.height（））{
css（“位置”、“绝对”）；
css（“top”，boxtop）；
css（“左”，boxleft）
箱高（箱高）
箱宽（箱宽）；
}否则{
变量框=document.createElement（“div”）；
box.id=“cmsgs”；
document.getElementById（id）.appendChild（box）；
变量框=$（“#cmsgs”）
css（“位置”、“绝对”）；
css（“top”，boxtop）；
css（“左”，boxleft）；
箱高（箱高）
箱宽（箱宽）；
}
如果（！input.height（））{
var输入=document.createElement（“输入”）；
setAttribute（“id”，“input”）；
document.getElementById（id）.appendChild（输入）；
输入=$（“#输入”）
输入宽度（框W-5）
css（“位置”、“绝对”）；
css（“左”，boxleft）；
css（“底部”，boxtop）；
}否则{
输入=$（“#输入”）
输入宽度（框W-5）
css（“位置”、“绝对”）；
css（“左”，boxleft）；
css（“底部”，boxtop）；
}
如果（ul.height（））{
ul.高度（$（窗口）.height（））；
ul.宽度（ulw）；
ul.css（“定位”、“绝对”）；
ul.css（“右”，rightul）；
}否则{
var ul=document.createElement（“div”）；
document.getElementById（id）.appendChild（u