Chrome(Win)和Safari(OSX)在我的html中看起来不同

Chrome(Win)和Safari(OSX)在我的html中看起来不同,html,css,macos,google-chrome,safari,Html,Css,Macos,Google Chrome,Safari,我在这里创建了一个html模型,出于某种原因,我的网站在safari上的外观与我希望它在chrome上的外观不同。在chrome上看起来是正确的,但在osx和手机上的safari上,它只是看起来有点不对劲,在随机空间中居中。我不知道如何使其他浏览器看起来像一个 你可以在chrome win和safari osx(chrome的第一张图片)中看到不同之处。我只是想让它看起来和chrome上的一样,但我无法找出我的代码有什么问题 <div id="right-preview"><d

我在这里创建了一个html模型,出于某种原因,我的网站在safari上的外观与我希望它在chrome上的外观不同。在chrome上看起来是正确的,但在osx和手机上的safari上,它只是看起来有点不对劲,在随机空间中居中。我不知道如何使其他浏览器看起来像一个

你可以在chrome win和safari osx(chrome的第一张图片)中看到不同之处。我只是想让它看起来和chrome上的一样,但我无法找出我的代码有什么问题

<div id="right-preview"><div id="background1"><div id="contentarea">
                <h4 id="time">01:59 AM</h3><br/><h4 class="username">Enter a name..</h3><div id="conversation"><div class="gBoxTall">
                                    <div class="right">
                                        <p class="message"> Your mom and I are going to divorce next month.</p>
                                    </div>
                                    <div class="bottom">
                                        <div class="right"></div>
                                    </div>
                                 </div><div class="wBoxTall">
                                    <div class="right">
                                        <p class="message"> Why ? Call me please.</p>
                                    </div>
                                    <div class="bottom">
                                        <div class="right"></div>
                                    </div>
                                 </div><div class="gBoxTall">
                                    <div class="right">
                                        <p class="message"> I wrote Disney and this phone changed it.</p>
                                    </div>
                                    <div class="bottom">
                                        <div class="right"></div>
                                    </div>
                                 </div></div>
                        </div></div>

您的
h4
标签用
h3
标签关闭-这是无效的。根据您的CSS,该行可能是:

<h4 id="time">01:59 AM</h4><br/><h3 class="username">Enter a name..</h3><div id="conversation"><div class="gBoxTall">
01:59 AM
输入名称。。
哇,一切都好了。非常感谢你!这证明了我下次必须更加注意!
<h4 id="time">01:59 AM</h4><br/><h3 class="username">Enter a name..</h3><div id="conversation"><div class="gBoxTall">