Question

我正在使用DreamWaver通过HTML制作应用程序，我正在创建一个新的div并使用DreamWaver设计功能定位它，但是当在浏览器中运行它时我发现位置已经改变，它在下面的数字中：

* IN DW：

浏览器中的

* （firefox＆amp; 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>

Answer 1

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

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

并删除左：＃;顶部：＃;

你也不需要在div中对齐中心或第二个div 因为buttonClass css已经通过text-align：center;

定义了内容的位置

如何在DW中使用html自定义位置？

CSS

HTML

1 个答案: