javascript - jQuery 无法获取任何 div css 属性？

Question

所以我正在尝试熟悉 jQuery，所以我一直在运行一些测试代码，但看起来 jQuery 的 .css 有问题？我花了最后 3 个小时尝试不同的东西……不行。我将我的 div 设置为具有 Content 类，然后我运行该页面并调整它的大小以触发该功能。

.Content {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  padding-top-width:1px;
  padding: 1px;
};

  <div id="wrapper" class="fullscreen">
     <div id="divContainer" class="Container">
        <div id="divContent" class="Content"> Content </div>
        <div id="divQuery" class="Query"> Query </div>
     </div>
  </div>

$(window).resize(function() {
  var container = $('#divContainer');
  var content   = $('#divContent');
  console.log(content.css('border-left-width'));
  console.log(content.css('padding-top-width'));
  //content.width(container.width()*.6-content.attr('padding'));
});

从控制台，我得到以下信息:

 0px
 (an empty string)

我做错了什么？

Answer 1

这里有两个问题:

1. padding-top-width 应该只是 padding-top。

2. border-top-width 将不起作用，除非你有一个 border-style(例如“solid”)——否则它被假定为“none” "，即没有边框，您的 border-width 声明无效。

参见 http://jsfiddle.net/nrabinowitz/D2e4N/5/一个工作示例。