0

我正在通过 HTML 使用 DreamWaver 制作应用程序，我正在制作一个新的 div 并使用 DreamWaver 设计功能定位它，但是在浏览器中运行它时我发现位置发生了变化，如下图所示：

*在 DW 中：

http://postimg.org/image/cvshkio0v/

*在浏览器中（firefox & chrome）：

http://postimg.org/image/85ve2097f/

这就是代码部分：

CSS

.buttonClass {
    width: 320px;
    height: auto;
    text-align: center;
    line-height: normal;
    border-radius: 7px;
    z-index: 3;
    background-image: -webkit-linear-gradient(top,#FFF 0%,#91BDD6 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #91BDD6 100%);
    background-image: -ms-linear-gradient(top,#FFF,#91BDD6);
    background-image: -o-linear-gradient(top,#FFF,#91BDD6);
    background-image: linear-gradient(top,#FFF,#91BDD6);
    border: solid #91BDD6 5px;
    box-shadow: 0px 0px 0px 5px #fff, 5px 3px 12px #000000;
    position: absolute;
    left: 1014px;
    top: 591px;
}

HTML

<div id="confirm" class="buttonClass">
  <div align="center">Confirm</div>
</div>
4

1 回答 1

0

因为不同的浏览器有不同的大小

尝试正确：0；底部：0；在按钮类

并删除左边：#; 最佳： ＃;

您也不需要对齐中心或 div 内的第二个 div，因为 buttonClass css 已经通过 text-align: center; 定义了内容的位置；

于 2013-09-18T01:29:52.427 回答