Question

我正在尝试定位我的Flex应用程序以使其位于页面的下方，但我无法使其正常运行。它仍然出现在左上角。这是HTML，非常感谢任何帮助！

<html lang="en">
<head>
   <title>Page</title>
   <style type="text/css">
       body { margin: 0px; overflow: hidden; }
       #swf {top:50%;}
   </style>

   <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
   <script type="text/javascript">

   swfobject.embedSWF( "link_to_the_swf", "swf", "100%", "100%", "10.0.0", "playerProductInstall.swf", flashVars, params );
   </script>
</head>
<body scroll="no">

   <div id="swf">
      <p>Alternative content</p>
    </div>

</body>
</html>

编辑：在阅读this message之后，我尝试将swf div包装在另一个中并在父div上设置top属性，但它不起作用。

Answer 1

您无法单独使用top。您需要div position: relative或margin-top / padding-top。

Answer 2

top需要静态以外的定位，这是默认值。尝试：

#swf {position:relative; top:50%;}

但是，如果你想把它放在一个大容器的中间并让它居中而不是从中间开始然后下降你可以这样做：

#swf {margin-top: auto; margin-bottom: auto;}

Answer 3

尝试给予身体position: relative。然后将position: absolute（或我认为relative）添加到#swf

Answer 4

尝试给身体一个高度。像身体{身高：100％; }

试图在SWF文件上使用CSS top属性，但它不起作用

4 个答案: