如何在css和html中设置div的高度
如何在css和html中设置div的高度
提问于 2013-04-18 03:34:15
我在用推特Bootstrap。我在我的html中写道：
<div style="height:100px;" class="span12">
asdfashdjkfhaskjdf
</div>为什么当我打开那个页面时，高度不是100px？
对于后代的
，原始代码是：
<div height="100px">
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-04-18 03:35:27
要编写内联样式，请使用：
<div style="height: 100px;">
asdfashdjkfhaskjdf
</div>内联样式有一定的用途，但是，在大多数情况下，不建议使用内联样式。
更“合适”的解决方案是制作一个单独的CSS表，将其包含在HTML文档中，然后使用ID或类来引用div。
如果您有文件结构：
index.html
>>/css/
>>/css/styles.css然后在<head>和</head>之间的HTML文档中写下：
<link href="css/styles.css" rel="stylesheet" />然后，将div结构更改为：
<div id="someidname" class="someclassname">
asdfashdjkfhaskjdf
</div>在css中，您可以从ID或类引用div。
要执行此操作，请编写：
.someclassname { height: 100px; }或
#someidname { height: 100px; }请注意，如果您同时使用这两种方法，则文件结构中进一步深入的那一种将是实际有效的一种。
例如..。如果您有：
.someclassname { height: 100px; }
.someclassname { height: 150px; }那么在这种情况下，高度将是150px。
编辑：
要回答编辑中的第二个问题，可能需要overflow: hidden;或overflow: visible;。你也可以这样做：
<div class="span12">
<div style="height:100px;">
asdfashdjkfhaskjdf
</div>
</div>Stack Overflow用户
发布于 2013-04-18 03:36:29
<div style="height: 100px;"> </div>或
<div id="foo"/> and set the style as #foo { height: 100px; }
<div class="bar"/> and set the style as .bar{ height: 100px; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16068665
复制相关文章
相似问题
腾讯云开发者
