gpt4 book ai didi

css - 自动高度在 FF 和 Chrome 中不起作用

转载 作者:行者123 更新时间:2023-11-28 12:22:25 24 4
gpt4 key购买 nike

我无法让自动高度适用于 FF 或 Chrome。它在 IE 中运行良好,但在 FF 和 Chrome 中它基本上使 div 的高度与页面本身一样多,即使内容没有填充元素。它只会在实际内容下方留下一个巨大的空白区域。

<center>
<div id = "choosearea">
<div id = "logbar">
<div id = "logbartext">Choose Your Area
</div>
<div id = "log">
<a href = "?action=home">Home</a>
<a href = "?action=logout&NOHEADERS=1">Log Out</a>
</div>
</div>
<div id = "header">
<div id = "ss_logo">
<img src="http://i1157.photobucket.com/albums/p595/Gamethefirst/ssnewbanner1.png">
</div>
<div id = "area">Serving:<br><u>SouthWest Ohio<br>Northern Kentucky<br>SouthEast Indiana</u>
</div>
</div>
<center>
<div id = "menu">
</div>
</center>
<div width = "100%" align = "center">
<div id = "paddingbox">
<div id = "chooseareatext">
<p>Choose the area which you reside from the options below in order to post/view your ad.</p>
<ul class = "bullets">
<li><a href = "?board=swohio">SouthWest Ohio</a></li>
<li><a href = "?board=nk">Northern Kentucky</a></li>
<li><a href = "?board=indi">SouthEast Indiana</a></li>
</ul>
</div>
<div id = "affs">
<h3>Need Supplies? Get Great Deals From Our Friends!</h3>
</div>
</div>
</div>
</div>
</center>

样式表

#choosearea {
height: auto;
}

举个例子: http://skillswap.boards.net/index.cgi?board=postad

最佳答案

CSS height 默认值为 auto .这是 height:100%#paddingbox这导致了<div>非常长,在 FF 和 Chrome 上创建了大面积的空白。删除它应该可以解决问题。

此外,您示例中的某些标记在较新版本的 HTML 规范中无效或已弃用。

例如width="100%"不是有效的属性。要应用内联样式,正确的语法是 <div style="width:100%">

<center>标签和 align="center"属性也从 HTML 4.01 开始被弃用,并且在 HTML 5 中不存在,相反推荐的方法是使用 CSS 将表示方面添加到带有 margin:0 auto 的标记中。和 text-align:center例如。参见 Why is the <center> tag deprecated in HTML?有关此的更多详细信息。由于问题中已经有一个样式表,因此将内容 (HTML) 和表示 (CSS) 分开可能会有所帮助 - http://www.alistapart.com/articles/separationdilemma/

关于css - 自动高度在 FF 和 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12404417/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com