是什么决定了标题的高度和宽度？

Question

在这个主题中：http://ironsummitmedia.github.io/startbootstrap-freelancer/如果你在绿色部分“检查元素”（元素名为<header> ）并查看其所有属性的列表，您会注意到它具有高度和宽度的像素值，在您重新调整窗口大小时会动态更改。

这些价​​值来自哪里？

即。如果我要在它上面漂浮一些东西来掩盖，我怎么能确保它保持相同的高度？

以下是我在Chrome上检查时所指的值：

Answer 1

没什么神奇的。您正在查看计算的Box模型样式，当您接近窗口大小调整时，它们是动态的。如果您查看styles元素的<header>，您会注意到它是一个经典的HTML5 <header>块元素，其中包含auto（＆＃34; 100％＆＃34; ）默认宽度（与所有块级元素一样）。调整窗口大小，您将获得当前计算的元素大小。

|    this is some long content here    |  
|                [IMAGE]               |  -- responsive width since `width:auto;`
|             more nice text           |  -- height dictated by content

VS

|  this is  |  
|   some    |
|   long    |
|  content  |  -- responsive width since `width:auto;`
|   here    |
|  [IMAGE]  |  
| more nice |  
|   text    |  -- height dictated by content