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

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 缩小它时，每次我缩小浏览器时，它似乎都会跳过页面，从左或右或向上。

示例一

示例二

.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>

希望这有帮助。