我正在使用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>