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

前端之家收集整理的这篇文章主要介绍了如何设置div的高度在css和html前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Twitter Bootstrap.我在我的html中写道:
<div style="height:100px;" class="span12">
asdfashdjkfhaskjdf
</div>

为什么打开该页面时高度不是100px?

解决方法

编写内联样式使用:
<div style="height: 100px;">
asdfashdjkfhaskjdf
</div>

内联样式仅用于一个目的,但在大多数情况下不推荐使用.

更“适当”的解决方案是将单独的CSS表格包含在HTML文档中,然后使用ID或类来引用您的div.

如果您有文件结构:

index.html
>>/css/
>>/css/styles.css

然后在您的HTML文档中< head>和< / head>写:

<link href="css/styles.css" rel="stylesheet" />

然后,改变你的div结构:

<div id="someidname" class="someclassname">
    asdfashdjkfhaskjdf
</div>

在css中,您可以从ID或CLASS引用您的div.

这样写:

.someclassname { height: 100px; }

要么

#someidname { height: 100px; }

请注意,如果您同时做到这一点,文件结构进一步下降的将是实际工作的结果.

例如…如果你有:

.someclassname { height: 100px; }

.someclassname { height: 150px; }

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

编辑:

要从您的编辑中回答您的次要问题,可能需要溢出:隐藏;或溢出:可见; .你也可以这样做:

<div class="span12">
    <div style="height:100px;">
        asdfashdjkfhaskjdf
    </div>
</div>

猜你在找的CSS相关文章