设置值为空时的疑问

<script type="text/javascript">
//定义"改变颜色"的函数
  var Body = document.getElementById("txt");
  function changeColor() {
    Body.style.color = "red";
    Body.style.backgroundColor = "#ccc";
  }
//定义"改变宽高"的函数
  function changeWidth() {
      Body.style.width = "400px";
      Body.style.height = "300px";
  }
//定义"隐藏内容"的函数
  function changeDpyNone() {
      Body.style.display = "none";
  }
//定义"显示内容"的函数
  function changeDpyBlock() {
      Body.style.display = "block";
  }
//定义"取消设置"的函数
 function EscChange() {
    var cfm = confirm("是否恢复默认设置？");
    if (cfm == true) {
        Body.style.color = "";
        Body.style.backgroundColor = "";
        Body.style.width = "";
        Body.style.height = "";
        Body.style.display = "";
    }
 }
  </script>

对于一个已申明宽高样式的DIV，在以下两种情况下通过设置宽高值为“ ”（恢复默认）的疑问：

1. 再次修改DIV的宽高后设置宽高值为：“ ”；
   

2. 直接设置宽高值为：“ ”；

对于以上操作后，DIV的宽高分别为样式申明中的宽高，还是为根据DIV内容自适应的宽高呢？并说明为什么会表现这样！

PS：上述代码为我练习中所写，实现任务预期！我自己在练习中做此实验，恢复的为样式申明中的宽高，但我不明白为什么会这样，为什么不是恢复为根据内容自适应！