页面显示问题答案

【问题标题】：Page display issue页面显示问题
【发布时间】：2012-12-28 04:39:57
【问题描述】：

div 标签应该放在右手边，但这只放在 Firefox 的左手边。我的页面在任何其他浏览器中看起来都很好，但在 Firefox 中页面看起来不同我的代码是

<div style="width: 400px; height: 280px; float:left; margin-left: 15px;margin-top: 3px">

    <div class="slider-wrap">
        <div id="main-photo-slider" class="csw">
            <div class="panelContainer">

                <div class="panel" title="Panel 1">
                    <div class="wrapper">
                        <img src="image/forslider/slider1.jpg" alt="" style="border-style: solid; height: 266px; width: 392px;"/>
                    </div>
                </div>
                <div class="panel" title="Panel 2">
                    <div class="wrapper">
                        <img src="image/forslider/slider2.jpg" alt="" style="border-style: solid; height: 266px; width: 392px;"/>

                    </div>
                </div>      
                <div class="panel" title="Panel 3">
                    <div class="wrapper">
                        <img src="image/forslider/slider3.jpg" alt="" style="border-style: solid; height: 266px; width: 392px;"/>
                    </div>
                </div>
                <div class="panel" title="Panel 4">
                    <div class="wrapper">
                        <img src="image/forslider/slider4.jpg" alt="" style="border-style: solid; height: 266px; width: 392px;"/>

                    </div>
                </div>
                <div class="panel" title="Panel 5">
                    <div class="wrapper">
                        <img src="image/forslider/slider5.jpg" alt="" style="border-style: solid; height: 266px; width: 392px;"/>

                    </div>
                </div>
                <div class="panel" title="Panel 6">
                    <div class="wrapper">
                        <img src="image/forslider/slider6.jpg" alt="" style="border-style: solid; height: 266px; width: 392px;"/>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

div 标签必须放在右手边。

【问题讨论】：

制作一个错误的工作示例并将其上传到某个地方。

标签： html firefox

【解决方案1】：

尝试将第一个div中的float:left;改为float:right;

【讨论】：

【解决方案2】：

试试这样的：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>align</title>
<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
}
#right {
    text-align: left;
    width: 200px;
    position:absolute;
    right:1%;
    background-color: blue;
}
</style>
</head>
<body>
    <div id="right">Some Text</div>    
</body>
</html>

【讨论】：