Question

希望有人能看到我的错误。如果您查看我的test page

，可能最简单

注意<div id="ajax" style="background-color:red">中内容的移位点击.menu {position:fixed;}元素时。

奇怪的是只有一个（Home）不会移动其他（Prog，Jet，Wind，Mesonet，Disc，Rad / Sat）

ajax调用的PHP在所有页面上的格式类似，如下所示：

<?php  
// do php stuff
echo <<<HTML
<div class="content">
<!-- html stuff -->
</div>
HTML;

不知道它是否是PHP或css问题，我尝试过没有给出任何指示感谢您的想法......谢谢

编辑：添加了ajax

var options = {
        success: function(result) { $("#ajax").html(result); }, 
        beforeSend: function() {},
        url: file,  
        type: "post"
            };  
$.ajax(options);

编辑：已解决我的问题的答案是“在爆炸药丸给出的内容div之前插入一些空格”。奇怪的是，某些东西是由PHP include "file.php";在home.php内部调用引起的我认为另一个问题是合适的，所以我稍后会在这里发布链接谢谢所有
follow up question here

Answer 1

您的成功功能正在取代您的内容：

<div id="ajax" style="background-color:red"><div class="content"></div></div>

<强>与

<div id="ajax" style="background-color:red"> Ajax内容 </div>

类'content'包含CSS：.content {margin:auto; background-color:#eee; border-radius:15px; border:3px solid black; padding:.5em;}，在ajax成功时删除。

只需从您的网页中删除<div class="content"></div>或修改成功功能，即可使用以下内容替换第一个div的内容：<{1}} ...

Ajax内容和Css定位

1 个答案: