Question

有人能在Firefox中解释这种行为吗？当我点击div时，我只是将它的宽度设置为它的宽度。但是，它不再包含具有相同宽度的h1。

HTML：

<div>
  <h1>This is a header</h1>
</div>

的CSS：

div{
  background-color: grey;
  display: inline-block;
  padding: 20px;
}

jQuery的：

var $div = $('div');
$div.on('click', function(){
  $('div').width($('div').width());
});

jsfiddle

Answer 1

这是因为宽度有一个分数（例如216.02像素），它被offsetWidth，clientWidth或jQuery width函数向下舍入。要获取确切的值，您需要检查计算的样式宽度属性。例如window.getComputedStyle(document.getElementById('my_div'),null).width

http://jsfiddle.net/rLKj8/1/

在FF中设置宽度时，Div不包含其他元素

1 个答案: