将Twitter小工具放在网页右侧

时间:2012-12-26 15:46:49

标签: javascript html css

我是HTML新手,我正在创建一个简单的单页网站,并希望添加推特小部件,但是当我添加小部件时,它会低于我的表单。有没有办法让它走到页面右侧,以及调整twitter小部件的宽度。网页的代码如下。

http://codepad.org/QcPq5Xur

提前致谢!

2 个答案:

答案 0 :(得分:0)

将表单放在自己的div容器中。

将特定宽度设置为您希望它占据的左侧空间量的div。

创建另一个新div,并在其中插入twitter feed脚本。

如果需要,设置特定宽度以设置绝对宽度或百分比。如果您没有设置宽度,则应填充包含该表单的div未使用的任何额外空间。

只要两个div的宽度小于浏览器区域的宽度,它们就会并排显示。你也可以将这两个包装在另一个包含最小宽度的div中,如果你想让它们并排强制,无论浏览器分辨率如何。

答案 1 :(得分:0)

这是因为您的表单包含div,这是一个块级元素。尝试将其显示更改为inline-block

<div id="formContainer" style='text-align: center; display: inline-block;'>
    <a name="form789985197" id="formAnchor789985197"></a>
</div>