0

确切地说,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 标签必须放在右手边。

4

2 回答 2

0

尝试这样的事情:

<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>
于 2012-12-27T20:38:24.477 回答
0

尝试在第一个 div 中从float:left;to更改float:right;

于 2012-12-27T20:39:57.943 回答