html / css的页脚格式和间距问题

Question

我已经通过了一个过时的网站，说实话，这有点混乱。 因此，目前我基本上只是在尝试基础知识，这具有挑战性！

有问题的网页在这里http://www.yourchesham.co.uk/online.htm

我正在尝试在“

Previous Editions 

部分，但我似乎无法将底部内容移至页面下，这意味着超时文字将开始重叠。

我试过简单地使用<br><br>将页面内容下推，但这是行不通的。 主要代码块如下所示。 不确定如何解决？

        <div id="apDiv19">
            <div align="center" class="style21">
                <h4>Support the Businesses <br />
                    that support <span class="style17">yourAmersham</span></h4>
                </div>
            </div>
            <div id="apDiv22">Registered in 'England and Wales' Company number 08280869</div>
            <div id="apDiv23">
                <h4>Our Latest Edition</h4>
                <div style="text-align:center;"><div style="margin:8px 0px 4px;"><a href="http://www.calameo.com/books/0052756020d65a0443ab5" target="_blank">Your Amersham Issue 51 October 2017</a></div><iframe src="//v.calameo.com/?bkcode=0052756020d65a0443ab5&mode=mini" width="480" height="300" frameborder="0" scrolling="no" allowtransparency allowfullscreen style="margin:0 auto;"></iframe><div style="margin:4px 0px 8px;"><a href="http://www.calameo.com/" target="_blank">Read more publications on Calaméo</a></div></div>

                <h4>Previous Editions</h4>
                <a href="http://en.calameo.com/read/00527560211169822a565" target="_blank">September Issue</a><br>
                <a href="" target="_blank">August Issue</a>
                <br>    <br>

                <!--        <div style="background-color: #333333; width: 524px"> -->

    </div>

Answer 1

问题不仅仅在于那个div，实际上几乎所有的都是:)

所有的div都具有固定的高度和绝对的位置。 这意味着它们不会移动或增长（尽管内容会像您看到的那样溢出div）。

为了使布局随内容移动和增长，您需要将所有内容从绝对位置更改为相对位置。

另外，如果您只能在该页面中定位CSS，则只需更新底部div的绝对位置即可将其移出新内容

1. 将#apDiv14的高度更改为height： #apDiv14 （即，使用最新版本的高度，假设这是您要向其添加先前版本的height:auto; ） height:auto;
2. 手动更改top以下的div的价值，以适应你添加新的内容： #apDiv7 ， #apDiv9 ， apDiv10 ， apDiv18 ， apDiv19 （！可能还有其他人）

这很麻烦，但网站本身也是如此！ :)