English 中文(简体)
如何把含有其他绝对地位的四分五裂的高度放在首位?
原标题:How to put the height of a div that contains other with absolute position?
  • 时间:2010-12-01 15:03:32
  •  标签:
  • html
  • css

如何把含有其他绝对地位的四分五裂的高度放在首位?

<html>
<head>
<style type="text/css">
.a{

}
.b{
position:relative;
}
.c{
position:absolute;
}
</style>
</head>

<body>

<div class="a">
<div class="b">
<div class="c">
   ESTO ES LO QUE CONTIENE EL DIV<br/>
   ESTO ES LO QUE CONTIENE EL DIV<br/>
   ESTO ES LO QUE CONTIENE EL DIV<br/>
   ESTO ES LO QUE CONTIENE EL DIV<br/>
</div>
</div>
</div>


</body>

</html>

div类“a”的高度为零

最佳回答

一种绝对定位的元件并不占用布局中的任何空间,也就是说,<代码><div 等值=a'>赢得了拖拉以补。

唯一可能这样做的方法是衡量<代码>c的高度。 通过javascript,然后确定.a的高度——当然,下方要求这样做。

视你试图定位的情况而定。 您可能希望考虑改用一种浮动,而这种浮动应加以总结。

问题回答

如果你给DIV B一个比DIV C小的高度,那将无事事,因为DIV C能够超负荷使用其集装箱。

如果我没有回答问题,那会感到担忧。

<代码><div>或任何其他封闭装置将依内容自动垂直增长,但一旦您的<代码> :absolute<>code> any <div>,你将这一条从括号中删除,不再使母体扩大。

您不妨尝试推出<代码><div类别=“c”>而不是绝对的位置。 这样,干iv将继续成为其母体内容的一部分,尽管你们必须制定<代码><div类别=“a”>至overflow:auto<>/code>,以便将其扩大至浮动元素。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!