大佬教程收集整理的这篇文章主要介绍了css – 绝对定位的父母和浮动：右边的孩子伸展，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.outer { position:absolute; border:1px solid red; }
.outer .floater { float:right; }
</style>
</head>
<body>
<div class="outer">
<div class="floater">Lorem ipsum</div>
</div>
</body>
据了解,位置：绝对,外部div应该从文档的流程中删除,并且(没有指定宽度)应该占用显示其内容所需的最小空间.然而浮动：在任何一个孩子打破这个.
预期输出(IE8,FF3,Chrome 2,Safari 4,Opera 9)：
实际输出(IE6,IE7,FF2)：
如何让外部的div不伸展？这只是在IE6,IE7和Firefox 2中发生.
要求：
> .outer不能设置宽度(它必须保留为“auto”)
保持绝对的位置
> .floater必须保持浮动在右边
更新：
我已经将行为重现为使用jQuery对话框的“现实世界”示例.特点是一样的：
>有一个绝对定位的div(即对话框容器,jQuery-UI创建这个)
>从1)的div有width =“auto”
>该对话框中有一个元素向右浮动.
See it here.再次,IE6,IE7和FF2是唯一有问题的浏览器.
这将复制我的应用程序中的条件.我试着把这个问题解决到你所看到的这个更新之上,但是我觉得人们可以使用一个现实世界的例子,我的要求是有道理的.我希望我做到了这一点.
我知道这不是你想要听到的,但我想你将不得不咬住子弹,改变标记或放松你的风格要求(例如放弃浮动).
以上是大佬教程为你收集整理的css – 绝对定位的父母和浮动：右边的孩子伸展全部内容，希望文章能够帮你解决css – 绝对定位的父母和浮动：右边的孩子伸展所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。