1

我有这个标记：

<body>
 <div class="prevBtn"> <a> < </a> </div>
<div id="player"> some code </div>
<div class="nextBtn"> <a> > </a> </div>
</body>

我正在尝试获得这种布局：

在此处输入图像描述 注意：previos 和 next 按钮靠近#player

我正在尝试这样：

            .nextBtn{
                 float:left;
                 width:15%;
                 margin-top:180px;
            }
            .nextBtn a{
                float:right;
            }
            .player{
               float:left;
             width:70%;
                 margin-top:100px;
            }
            .prevBtn{
                float:right;
                 width:15%;
                 margin-top:180px;

            }
            .rightBtn a{
                float:left;

            }

问题是，如果分辨率太大或太小，它就不会像布局一样，

对于任何解决方案，我怎样才能实现这一目标？

4

1 回答 1

2

用 770px + 左右按钮宽度的 div 包围它（将它们的宽度从百分比更改为固定宽度）。

这将保证所有人都在一起。

最后还要使用 aoverflow: hidden或 div clear:both，这将确保一切就绪。

于 2011-10-11T10:34:11.553 回答