这个是浏览器兼容的问题，可能原因：

1. 浏览器的版本不同
   

2. 跟分辨率也有关系，两天电脑的分辨率不同

3. 这个是html网页，不用服务端交互的，是静态页面；所以根IIS没关系

4. 关于css只要包含的路径没问题css加载正确，实质上css在网页内和外部都没关系的；（css放在外部比较符合代码规范，便于管理，如果css较多建议放在外边）

5. 你这是css没做好浏览器兼容的问题，建议如果作网页就多下载几个浏览器

6. “怎么让网页能够放在任何地方都能正常打开呢？”要学好css，html和js；做好浏览器兼容

   
   

1. 远程电脑的IE版本和本地IE的版本不一样也会影响样式的显示效果

2. 远程电脑的屏幕分辨率和本机电脑的不一样。在本地看远程的html,显示窗口会略小。

3. 用不同的iE版本直接访问html ，减少因为ie版本问题而引起的问题。

给你写了一下，测试没有问题

    
    
        // 收缩展开效果
        $(document).ready(function () {
            $(".box h1").toggle(function () {
                $(this).next(".text").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
            }, function () {
                $(this).next(".text").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
            });
			
			$(".box h1 .bg").css("top",function(){
				return ($(this).parent().height()/2 - $(this).height()/2)+"px";	
			});
        });