Javascript 分区'；浮动时的高度变化

我有两个div，其中一个将浮动到左边（第一个）。但我意识到它的高度和宽度会改变，我不想这样。问题出在哪里？下面是我使用js浮动div的代码：

函数批处理（）{
var projects=[“批处理脚本教程”、“管理你的电脑”、“雅虎笑话”]；
var text=“”；
var i；
对于（i=0；i”；
}
document.getElementById（“batch”）.style.float=“left”；
document.getElementById（“showbatch”）.innerHTML=text；
}

.project{
背景色：#5318a0；
边框右上角半径：15px；
边框左下半径：15px；
盒影：2件2件3件黑色；
颜色：#efedf2；
字体系列：helvetica，无衬线；
字体大小：20px；
字体大小：正常；
填充物：5px7px；
文本对齐：左对齐；
}
.项目：悬停{
背景色：#8358ba；
边界半径：2px；
盒影：2件2件3件黑色；
颜色：#efedf2；
字体系列：helvetica，无衬线；
字体大小：20px；
字体大小：正常；
填充物：5px7px；
文本对齐：左对齐
}
.项目：活动{
背景色：#462076；
边界半径：2px；
盒影：2px 2px 1px白色；
颜色：#efedf2；
字体系列：helvetica，无衬线；
字体大小：20px；
字体大小：正常；
填充物：5px7px；
文本对齐：左对齐
}

项目

HTML:

<span class="project" id="batch">Projects</span>
<span id="showbatch" style="display:none; vertical-align:top;">
<ul>
    <li>Batch Script Tutorial</li>
    <li>Manage your PC</li>
    <li>Yahoo joke</li>
</ul>
</span>

$('#batch').click(function(){
  $('#showbatch').css('display', 'inline-block');
})

---

高度和宽度不变-位置不变。这就是你所指的吗？我不知道为什么，但我在这个网站上看不到这种效果，但你可以看看我的博客：programming-multilang.tk页面：MS-DOS（博客还没有完成！）它不是一个按钮，而是一个div。在我的博客上（我不知道为什么）它是高度变化（我的博客是programming-multilang.tk，页面是MS-DOS编程）