Html 将swf与div底部对齐，即使div小于swf？
我的想法是在一个div中包含一个270px高的swf，这个div一开始的高度是29px。这个div将绝对定位在页面底部，swf文件在正常状态下的高度仅为29px。直到用户将鼠标悬停在swf的某些部分上，它才会占据270px的高度。我打算合并一些java脚本来更改div的高度。然而，我遇到的问题是swf文件不会与div的底部对齐。它似乎总是与顶部对齐，尽管我将其放入Html 将swf与div底部对齐，即使div小于swf？,html,swfobject,alignment,Html,Swfobject,Alignment,我的想法是在一个div中包含一个270px高的swf，这个div一开始的高度是29px。这个div将绝对定位在页面底部，swf文件在正常状态下的高度仅为29px。直到用户将鼠标悬停在swf的某些部分上，它才会占据270px的高度。我打算合并一些java脚本来更改div的高度。然而，我遇到的问题是swf文件不会与div的底部对齐。它似乎总是与顶部对齐，尽管我将其放入，也称为左下对齐。是否不可能将swf安装到较小的div中，并使swf与底部对齐，而不是从顶部向下推 <!DOCTYPE html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>egnewsTicker</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:29px; vertical-align:bottom; display:inline-block;}
</style>
</head>
<body>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="egnewsTicker" align="bottom" vertical-align="bottom">
<param name="movie" value="egnewsTicker.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="menu" value="false" />
<param name="devicefont" value="false" />
<param name="salign" value="lb" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="egnewsTicker.swf" width="100%" height="100%">
<param name="movie" value="egnewsTicker.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="menu" value="false" />
<param name="devicefont" value="false" />
<param name="salign" value="lb" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
电子报
html，正文{高度：100%；背景色：#ffffff；}
正文{边距：0；填充：0；溢出：隐藏；}
#flashContent{宽度：100%；高度：29px；垂直对齐：底部；显示：内联块；}
vertical-align:bottom;
display:inline-block;
解决这个问题的一种快速而肮脏的方法是将swf封装在第二个div中，如下所示：
<div id="hoverDiv" style="position: relative; overflow: hidden;">
<div id="wrapperDiv" style="position: absolute; bottom: 0px;">
<!-- SWF here -->
</div>
</div>
<div id="wrapperDiv" style="text-align:bottom;border:1px solid black;display:inline-block">
<!-- text goes here -->
</div>