首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在css和html中设置div的高度

如何在css和html中设置div的高度
EN

Stack Overflow用户
提问于 2013-04-18 03:34:15
回答 2查看 486K关注 0票数 50

我在用推特Bootstrap。我在我的html中写道:

代码语言:javascript
复制
<div style="height:100px;" class="span12">
asdfashdjkfhaskjdf
</div>

为什么当我打开那个页面时,高度不是100px?

对于后代的

,原始代码是:<div height="100px">

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-18 03:35:27

要编写内联样式,请使用:

代码语言:javascript
复制
<div style="height: 100px;">
asdfashdjkfhaskjdf
</div>

内联样式有一定的用途,但是,在大多数情况下,不建议使用内联样式。

更“合适”的解决方案是制作一个单独的CSS表,将其包含在HTML文档中,然后使用ID或类来引用div。

如果您有文件结构:

代码语言:javascript
复制
index.html
>>/css/
>>/css/styles.css

然后在<head></head>之间的HTML文档中写下:

代码语言:javascript
复制
<link href="css/styles.css" rel="stylesheet" />

然后,将div结构更改为:

代码语言:javascript
复制
<div id="someidname" class="someclassname">
    asdfashdjkfhaskjdf
</div>

在css中,您可以从ID或类引用div。

要执行此操作,请编写:

代码语言:javascript
复制
.someclassname { height: 100px; }

代码语言:javascript
复制
#someidname { height: 100px; }

请注意,如果您同时使用这两种方法,则文件结构中进一步深入的那一种将是实际有效的一种。

例如..。如果您有:

代码语言:javascript
复制
.someclassname { height: 100px; }

.someclassname { height: 150px; }

那么在这种情况下,高度将是150px。

编辑:

要回答编辑中的第二个问题,可能需要overflow: hidden;overflow: visible;。你也可以这样做:

代码语言:javascript
复制
<div class="span12">
    <div style="height:100px;">
        asdfashdjkfhaskjdf
    </div>
</div>
票数 109
EN

Stack Overflow用户

发布于 2013-04-18 03:36:29

代码语言:javascript
复制
<div style="height: 100px;"> </div>

代码语言:javascript
复制
<div id="foo"/> and set the style as #foo { height: 100px; }
<div class="bar"/> and set the style as .bar{ height: 100px;  }
票数 22
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16068665

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档