重新定位文本而不用浏览器移动

Question

遇到一些基本问题。 创建 -

<?php 
	include_once 'header.php';
?>

<section class="main-container">
<div class="main-wrapper">
	<h2>Home</h2>

</div>
</section>

<?php 
	include_once 'footer.php';
?>

<div class="awesome">
	<?php
		if (isset($_SESSION['u_id'])) {
			echo $_SESSION['u_uid'];
		}
?>
</div>

这个

<div class="awesome">
	<?php
		if (isset($_SESSION['u_id'])) {
			echo $_SESSION['u_uid'];
		}
?>
</div>

只需在注册时定义用户名。 然而，在尝试使用CSS缩小它时，每次我向下或向下或向上缩小浏览器时，它似乎会跳过页面。

example one

example two

.awesome {
    margin-left: 30px;
}

非常感谢任何帮助。

Answer 1

尝试将awesome div放入main-wrapper

<section class="main-container">
<div class="main-wrapper">
    <h2>Home</h2>
<div class="awesome">
    <?php
        if (isset($_SESSION['u_id'])) {
            echo $_SESSION['u_uid'];
        }
?>
</div>
</div>
</section>

或者您可以尝试输入main-container

<section class="main-container">
    <div class="awesome">
        <?php
            if (isset($_SESSION['u_id'])) {
                echo $_SESSION['u_uid'];
            }
        ?>
    </div>
    <div class="main-wrapper">
        <h2>Home</h2>

    </div>
    </section>

希望得到这个帮助。