无法弄清楚如何使用浮子和固定定位

Question

我正在开发一个移动网站，我想要一个看起来像这样的固定导航栏...

不幸的是，我无法通过固定定位来实现这一点，例如在下面的代码中。最终发生的事情就是一切都在屏幕左侧相互折叠。我试图看看在每个图像之后清除浮动属性是否会有所帮助，但它无济于事。什么会有效？是的，我知道html页面中的样式不是很好的做法，我将在完成调试后创建样式表。

echo "<div style='text-align:center;background-color:#FFFFFF;position:fixed;'>".
        "<img style='float:left;' id='showLeft' src='slideBtn.png' />".
        "<img src='assets/ladle_bnr_mini.png' />".
        "<img style='float:right;' src='homeBtn.png' />".
     "</div>";

Answer 1

尝试在容器上设置width=100% div

jsFiddle

Answer 2

要使子项能够浮动，父div必须设置宽度。想一想......左/右浮动将孩子移动到父母的相应边缘。如果父级没有边缘，那么子级如何相对于边缘浮动？小酱有正确的答案。