重要：目标呈现引擎是WebKit2，因此浏览器兼容性不是问题。
我想要以下布局：
____________ ____________________
| | | |
| | | |
| | | |
| #sb | | #act |
| | | |
| | | |
| | | |
..................................................
| # footer |
..................................................
其中#sb和#act应该有自己的垂直滚动条（需要时）;并且页脚固定在底部并始终显示。
我已经设法对此布局进行编码，但无法修复一个令人恼火的错误 - 当#sb和/或#act有滚动条时（由于内容不适合它们），以及滚动时直到最后，该死的页脚重叠并隐藏了最后几行（或任何其他内容）。因此，底部的部分内容不可见。
这是代码 -
HTML ：
<body>
<div id="main">
<div id="sp">
<div id="sb">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel libero congue, elementum ante vitae, porttitor sem. Cras pharetra ultrices mauris vel posuere. Sed rutrum enim tellus, eu facilisis risus vehicula et. Donec sagittis mattis nunc et vestibulum. Sed auctor purus et ullamcorper tincidunt.
And so on ...
</div>
<div id="act">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel libero congue, elementum ante vitae, porttitor sem. Cras pharetra ultrices mauris vel posuere. Sed rutrum enim tellus, eu facilisis risus vehicula et. Donec sagittis mattis nunc et vestibulum. Sed auctor purus et ullamcorper tincidunt.
And so on ...
</div>
</div>
</div>
<footer> </footer>
</body>
和 CSS ：
@charset"utf-8";
html {
height: 100%;
}
body {
background-color: #d1cdc7;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Tahoma, Geneva, sans-serif;
height: 100%;
}
#main {
bottom: 0px;
left: 5%;
margin-bottom: 0px;
margin-top: 20px;
max-width: 1920px;
min-width: 820px;
overflow: visible;
position: fixed;
right: 5%;
top: 10px;
}
#main #sp {
overflow: visible;
margin-right: auto;
margin-left: auto;
margin-top: 1%;
padding: 5px;
height: 100%;
}
#main #sp #sb {
background-color: #F8F6F2;
float: left;
width: 28%;
margin-right: 2%;
overflow: auto;
padding: 1%;
height: 100%;
}
#main #sp #act {
background-color: #F8F6F2;
float: left;
width: 66%;
overflow: auto;
padding: 1%;
height: 100%;
}
#footpad {
height: 30px;
clear: both;
}
footer {
background-color: #E1E1E1;
position: fixed;
height: 27px;
width: 100%;
bottom: 0px;
}
...以及JSFiddle上的代码。
有人可以解释什么是错的吗？
答案 0 :(得分：0)
修复
下css文件中的页脚问题#main {
bottom: 80px; <--- use to be 0.... you can change it to whatever you want
left: 5%;
margin-bottom: 0px;
margin-top: 20px;
max-width: 1920px;
min-width: 820px;
overflow: visible;
position: fixed;
right: 5%;
top: 10px;
}
我将底部更改为与页脚不同，因此它们不会堆叠。我不知道这是不是问题。
将此代码添加到css文件的最顶层作为重置，这可能会解决问题，因为它无法在您的浏览器中运行。
*{
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
答案 1 :(得分：0)
将padding-bottom:100px;添加到 #main
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type='text/css'>
@charset"utf-8";
html {
height: 100%;
}
body {
background-color: #d1cdc7;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Tahoma, Geneva, sans-serif;
height: 100%;
}
#main {
bottom: 0px;
left: 5%;
margin-bottom: 0px;
margin-top: 20px;
max-width: 1920px;
min-width: 820px;
overflow: visible;
position: fixed;
right: 5%;
top: 10px;
padding-bottom:100px;
}
#main #sp {
overflow: visible;
margin-right: auto;
margin-left: auto;
margin-top: 1%;
padding: 5px;
height: 100%;
}
#main #sp #sb {
background-color: #F8F6F2;
float: left;
width: 28%;
margin-right: 2%;
overflow: auto;
padding: 1%;
height: 100%;
}
#main #sp #act {
background-color: #F8F6F2;
float: left;
width: 66%;
overflow: auto;
padding: 1%;
height: 100%;
}
footer {
background-color: #000;
position: fixed;
height: 27px;
width: 100%;
bottom: 0px;
}
</style>
</head>
<body>
<div id="main">
<div id="sp">
<div id="sb">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel libero congue, elementum ante vitae, porttitor sem. Cras pharetra ultrices mauris vel posuere. Sed rutrum enim tellus, eu facilisis risus vehicula et. Donec sagittis mattis nunc et vestibulum. Sed auctor purus et ullamcorper tincidunt. Suspendisse lacus purus, ornare nec augue sit amet, pulvinar malesuada metus. Morbi fringilla tempor ante quis elementum. In tempor odio arcu, vel suscipit metus mattis ac. Sed ac nulla ac lacus faucibus hendrerit. Etiam velit urna, pulvinar quis erat ac, cursus convallis lacus. Mauris non convallis orci, nec congue urna. Sed ac diam vitae erat porta viverra id nec tellus. Aliquam blandit nibh sed eros sollicitudin, ac ornare dui sagittis. Etiam semper, neque luctus feugiat facilisis, felis mi hendrerit augue, ut feugiat orci tellus vitae dui. Aenean ullamcorper consectetur quam sed dictum. Nam viverra elit lorem, sed eleifend augue interdum sit amet. Maecenas lacinia lectus eget vulputate tristique. Cras eget quam eu libero fringilla tincidunt. Aenean at nibh eget lacus vestibulum tristique ac sit amet nunc. Integer at vulputate neque, ut tempus purus. Etiam ac nunc odio. Aliquam tellus est, adipiscing sit amet enim vel, luctus egestas eros. Morbi in accumsan diam, nec commodo neque. Curabitur at nisl non magna venenatis vehicula. Duis non sagittis mauris, et fermentum nunc. Integer sapien nisi, mollis commodo pellentesque eu, rutrum volutpat ipsum. Etiam non scelerisque ligula. Donec iaculis lorem lorem, quis porttitor velit molestie eget. Nunc mollis nibh nec ipsum tincidunt, vel lobortis erat mattis. Suspendisse leo libero, blandit sit amet turpis non, tincidunt egestas nunc. Integer venenatis lectus justo, a sodales odio auctor ut. Morbi purus sem, rhoncus id magna non, eleifend blandit urna. Fusce bibendum augue non nisl aliquet ultricies. Praesent tincidunt lacus quis velit cursus, quis egestas nunc pretium. Pellentesque eu est ultricies, molestie lacus eget, consectetur erat. Nullam condimentum fringilla tempor. Morbi a pellentesque turpis. Curabitur ut elit nulla. Nam vitae sodales enim, vel dignissim nisl. Donec convallis pharetra sem consectetur molestie. Nulla semper ultrices neque non blandit. Pellentesque eget justo leo. Sed consectetur porttitor metus, vel fringilla sapien adipiscing ac. Pellentesque vel risus posuere, dapibus leo varius, fermentum arcu. Nulla in ligula luctus, molestie ligula vel, interdum est. Donec sed erat dolor. Sed cursus suscipit purus, ut eleifend enim vestibulum sit amet. Morbi elit felis, ornare vitae tellus ut, commodo ullamcorper leo. Cras faucibus, est quis vehicula blandit, tortor ante viverra tellus, at tristique metus erat eget lorem. Vivamus et auctor massa, ac commodo massa. Vestibulum magna mi, auctor nec ultrices ullamcorper, auctor sit amet urna. Nulla facilisi. Fusce purus libero, elementum nec ultricies molestie, pharetra at magna. Cras posuere dui in venenatis dignissim. Donec cursus augue eget lacus mattis, iaculis rutrum elit aliquet. Sed commodo, elit sit amet laoreet laoreet, est nunc euismod sem, eu consequat lorem lacus eget urna. In pharetra velit mauris, non vulputate odio sagittis a. Integer non vulputate velit. Nunc sed tellus molestie, egestas risus eget, pretium eros. Etiam vestibulum eget mauris a hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean at ipsum eu quam tincidunt dignissim. Etiam egestas eget orci non commodo. In hac habitasse platea dictumst. Fusce semper aliquam dui, vehicula fringilla metus porttitor at. Curabitur mollis non tortor non hendrerit. Morbi ut nibh ut libero ultricies bibendum. Donec varius tincidunt tincidunt. Etiam bibendum consequat felis quis fermentum. Vivamus viverra varius urna a semper. Cras id mi velit. Aenean vitae nunc ullamcorper, sodales arcu ac, vehicula dolor. Proin dignissim ut odio pellentesque lobortis. Cras fermentum placerat arcu sed eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam sagittis urna eget dui tristique, eu dapibus justo pretium. Vestibulum tincidunt ante sed dictum feugiat. Praesent rhoncus quam a nunc pharetra ultricies. Quisque ac dictum massa, non consequat diam. Suspendisse iaculis ornare tortor volutpat malesuada. Curabitur non sollicitudin nunc, a congue lorem. Vivamus sed hendrerit dui. Phasellus eu libero gravida, eleifend est a, convallis orci. Integer aliquam, tortor vitae semper pretium, justo purus accumsan metus, sit amet vestibulum nisi orci at arcu. Vivamus eu nulla vel leo laoreet aliquet. Quisque at enim eros. Mauris pulvinar dictum felis, aliquet vestibulum odio cursus vitae. Proin diam nulla, condimentum non condimentum a, accumsan vitae felis. In hac habitasse platea dictumst. Curabitur nisl magna, viverra ac vestibulum semper, faucibus fermentum eros. Nunc a gravida eros, et imperdiet arcu. Nunc sit amet sagittis est. In ullamcorper fermentum lorem, vel hendrerit libero auctor nec. Suspendisse in lectus adipiscing, elementum felis vitae, tincidunt mi. Nunc tincidunt eros nisi, in ullamcorper metus dapibus nec. Vestibulum luctus risus ac nisl tincidunt scelerisque. Suspendisse volutpat velit tortor, eget auctor odio placerat at. Suspendisse tristique ligula ullamcorper massa venenatis cursus. Nunc sagittis enim eu feugiat suscipit. Suspendisse accumsan, augue vulputate placerat porta, dolor nulla sodales enim, a bibendum velit ipsum quis elit. Aliquam erat volutpat. Nam sed tempor eros. Suspendisse cursus enim nec dui bibendum, ut pellentesque urna adipiscing. Etiam sit amet eros ac massa sodales sagittis. Mauris eget tristique sapien. Maecenas felis dui, luctus quis dictum nec, scelerisque vel est. Vestibulum tristique velit ac ante viverra, eget malesuada nisl faucibus. Etiam consequat felis mi, et porta sapien faucibus id. Vivamus a mollis metus. Proin dapibus sollicitudin consequat. Pellentesque eu sollicitudin magna. Donec ac magna pretium, gravida mauris eget, egestas nulla. Pellentesque in hendrerit nunc. Sed vitae massa luctus, ultricies nisl eu, tincidunt nunc. Donec gravida mattis consequat. Cras quis sem molestie, faucibus dolor id, pretium mauris. Morbi sit amet leo sed leo tincidunt ultrices. Sed enim purus, adipiscing ut nisl vitae, accumsan scelerisque ipsum. Cras vitae felis lacus.
THIS IS THE LAST LINE.
</div>
<div id="act">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel libero congue, elementum ante vitae, porttitor sem. Cras pharetra ultrices mauris vel posuere. Sed rutrum enim tellus, eu facilisis risus vehicula et. Donec sagittis mattis nunc et vestibulum. Sed auctor purus et ullamcorper tincidunt. Suspendisse lacus purus, ornare nec augue sit amet, pulvinar malesuada metus. Morbi fringilla tempor ante quis elementum. In tempor odio arcu, vel suscipit metus mattis ac. Sed ac nulla ac lacus faucibus hendrerit. Etiam velit urna, pulvinar quis erat ac, cursus convallis lacus. Mauris non convallis orci, nec congue urna. Sed ac diam vitae erat porta viverra id nec tellus. Aliquam blandit nibh sed eros sollicitudin, ac ornare dui sagittis. Etiam semper, neque luctus feugiat facilisis, felis mi hendrerit augue, ut feugiat orci tellus vitae dui. Aenean ullamcorper consectetur quam sed dictum. Nam viverra elit lorem, sed eleifend augue interdum sit amet. Maecenas lacinia lectus eget vulputate tristique. Cras eget quam eu libero fringilla tincidunt. Aenean at nibh eget lacus vestibulum tristique ac sit amet nunc. Integer at vulputate neque, ut tempus purus. Etiam ac nunc odio. Aliquam tellus est, adipiscing sit amet enim vel, luctus egestas eros. Morbi in accumsan diam, nec commodo neque. Curabitur at nisl non magna venenatis vehicula. Duis non sagittis mauris, et fermentum nunc. Integer sapien nisi, mollis commodo pellentesque eu, rutrum volutpat ipsum. Etiam non scelerisque ligula. Donec iaculis lorem lorem, quis porttitor velit molestie eget. Nunc mollis nibh nec ipsum tincidunt, vel lobortis erat mattis. Suspendisse leo libero, blandit sit amet turpis non, tincidunt egestas nunc. Integer venenatis lectus justo, a sodales odio auctor ut. Morbi purus sem, rhoncus id magna non, eleifend blandit urna. Fusce bibendum augue non nisl aliquet ultricies. Praesent tincidunt lacus quis velit cursus, quis egestas nunc pretium. Pellentesque eu est ultricies, molestie lacus eget, consectetur erat. Nullam condimentum fringilla tempor. Morbi a pellentesque turpis. Curabitur ut elit nulla. Nam vitae sodales enim, vel dignissim nisl. Donec convallis pharetra sem consectetur molestie. Nulla semper ultrices neque non blandit. Pellentesque eget justo leo. Sed consectetur porttitor metus, vel fringilla sapien adipiscing ac. Pellentesque vel risus posuere, dapibus leo varius, fermentum arcu. Nulla in ligula luctus, molestie ligula vel, interdum est. Donec sed erat dolor. Sed cursus suscipit purus, ut eleifend enim vestibulum sit amet. Morbi elit felis, ornare vitae tellus ut, commodo ullamcorper leo. Cras faucibus, est quis vehicula blandit, tortor ante viverra tellus, at tristique metus erat eget lorem. Vivamus et auctor massa, ac commodo massa. Vestibulum magna mi, auctor nec ultrices ullamcorper, auctor sit amet urna. Nulla facilisi. Fusce purus libero, elementum nec ultricies molestie, pharetra at magna. Cras posuere dui in venenatis dignissim. Donec cursus augue eget lacus mattis, iaculis rutrum elit aliquet. Sed commodo, elit sit amet laoreet laoreet, est nunc euismod sem, eu consequat lorem lacus eget urna. In pharetra velit mauris, non vulputate odio sagittis a. Integer non vulputate velit. Nunc sed tellus molestie, egestas risus eget, pretium eros. Etiam vestibulum eget mauris a hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean at ipsum eu quam tincidunt dignissim. Etiam egestas eget orci non commodo. In hac habitasse platea dictumst. Fusce semper aliquam dui, vehicula fringilla metus porttitor at. Curabitur mollis non tortor non hendrerit. Morbi ut nibh ut libero ultricies bibendum. Donec varius tincidunt tincidunt. Etiam bibendum consequat felis quis fermentum. Vivamus viverra varius urna a semper. Cras id mi velit. Aenean vitae nunc ullamcorper, sodales arcu ac, vehicula dolor. Proin dignissim ut odio pellentesque lobortis. Cras fermentum placerat arcu sed eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam sagittis urna eget dui tristique, eu dapibus justo pretium. Vestibulum tincidunt ante sed dictum feugiat. Praesent rhoncus quam a nunc pharetra ultricies. Quisque ac dictum massa, non consequat diam. Suspendisse iaculis ornare tortor volutpat malesuada. Curabitur non sollicitudin nunc, a congue lorem. Vivamus sed hendrerit dui. Phasellus eu libero gravida, eleifend est a, convallis orci. Integer aliquam, tortor vitae semper pretium, justo purus accumsan metus, sit amet vestibulum nisi orci at arcu. Vivamus eu nulla vel leo laoreet aliquet. Quisque at enim eros. Mauris pulvinar dictum felis, aliquet vestibulum odio cursus vitae. Proin diam nulla, condimentum non condimentum a, accumsan vitae felis. In hac habitasse platea dictumst. Curabitur nisl magna, viverra ac vestibulum semper, faucibus fermentum eros. Nunc a gravida eros, et imperdiet arcu. Nunc sit amet sagittis est. In ullamcorper fermentum lorem, vel hendrerit libero auctor nec. Suspendisse in lectus adipiscing, elementum felis vitae, tincidunt mi. Nunc tincidunt eros nisi, in ullamcorper metus dapibus nec. Vestibulum luctus risus ac nisl tincidunt scelerisque. Suspendisse volutpat velit tortor, eget auctor odio placerat at. Suspendisse tristique ligula ullamcorper massa venenatis cursus. Nunc sagittis enim eu feugiat suscipit. Suspendisse accumsan, augue vulputate placerat porta, dolor nulla sodales enim, a bibendum velit ipsum quis elit. Aliquam erat volutpat. Nam sed tempor eros. Suspendisse cursus enim nec dui bibendum, ut pellentesque urna adipiscing. Etiam sit amet eros ac massa sodales sagittis. Mauris eget tristique sapien. Maecenas felis dui, luctus quis dictum nec, scelerisque vel est. Vestibulum tristique velit ac ante viverra, eget malesuada nisl faucibus. Etiam consequat felis mi, et porta sapien faucibus id. Vivamus a mollis metus. Proin dapibus sollicitudin consequat. Pellentesque eu sollicitudin magna. Donec ac magna pretium, gravida mauris eget, egestas nulla. Pellentesque in hendrerit nunc. Sed vitae massa luctus, ultricies nisl eu, tincidunt nunc. Donec gravida mattis consequat. Cras quis sem molestie, faucibus dolor id, pretium mauris. Morbi sit amet leo sed leo tincidunt ultrices. Sed enim purus, adipiscing ut nisl vitae, accumsan scelerisque ipsum. Cras vitae felis lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel libero congue, elementum ante vitae, porttitor sem. Cras pharetra ultrices mauris vel posuere. Sed rutrum enim tellus, eu facilisis risus vehicula et. Donec sagittis mattis nunc et vestibulum. Sed auctor purus et ullamcorper tincidunt. Suspendisse lacus purus, ornare nec augue sit amet, pulvinar malesuada metus. Morbi fringilla tempor ante quis elementum. In tempor odio arcu, vel suscipit metus mattis ac. Sed ac nulla ac lacus faucibus hendrerit. Etiam velit urna, pulvinar quis erat ac, cursus convallis lacus. Mauris non convallis orci, nec congue urna. Sed ac diam vitae erat porta viverra id nec tellus. Aliquam blandit nibh sed eros sollicitudin, ac ornare dui sagittis. Etiam semper, neque luctus feugiat facilisis, felis mi hendrerit augue, ut feugiat orci tellus vitae dui. Aenean ullamcorper consectetur quam sed dictum. Nam viverra elit lorem, sed eleifend augue interdum sit amet. Maecenas lacinia lectus eget vulputate tristique. Cras eget quam eu libero fringilla tincidunt. Aenean at nibh eget lacus vestibulum tristique ac sit amet nunc. Integer at vulputate neque, ut tempus purus. Etiam ac nunc odio. Aliquam tellus est, adipiscing sit amet enim vel, luctus egestas eros. Morbi in accumsan diam, nec commodo neque. Curabitur at nisl non magna venenatis vehicula. Duis non sagittis mauris, et fermentum nunc. Integer sapien nisi, mollis commodo pellentesque eu, rutrum volutpat ipsum. Etiam non scelerisque ligula. Donec iaculis lorem lorem, quis porttitor velit molestie eget. Nunc mollis nibh nec ipsum tincidunt, vel lobortis erat mattis. Suspendisse leo libero, blandit sit amet turpis non, tincidunt egestas nunc. Integer venenatis lectus justo, a sodales odio auctor ut. Morbi purus sem, rhoncus id magna non, eleifend blandit urna. Fusce bibendum augue non nisl aliquet ultricies. Praesent tincidunt lacus quis velit cursus, quis egestas nunc pretium. Pellentesque eu est ultricies, molestie lacus eget, consectetur erat. Nullam condimentum fringilla tempor. Morbi a pellentesque turpis. Curabitur ut elit nulla. Nam vitae sodales enim, vel dignissim nisl. Donec convallis pharetra sem consectetur molestie. Nulla semper ultrices neque non blandit. Pellentesque eget justo leo. Sed consectetur porttitor metus, vel fringilla sapien adipiscing ac. Pellentesque vel risus posuere, dapibus leo varius, fermentum arcu. Nulla in ligula luctus, molestie ligula vel, interdum est. Donec sed erat dolor. Sed cursus suscipit purus, ut eleifend enim vestibulum sit amet. Morbi elit felis, ornare vitae tellus ut, commodo ullamcorper leo. Cras faucibus, est quis vehicula blandit, tortor ante viverra tellus, at tristique metus erat eget lorem. Vivamus et auctor massa, ac commodo massa. Vestibulum magna mi, auctor nec ultrices ullamcorper, auctor sit amet urna. Nulla facilisi. Fusce purus libero, elementum nec ultricies molestie, pharetra at magna. Cras posuere dui in venenatis dignissim. Donec cursus augue eget lacus mattis, iaculis rutrum elit aliquet. Sed commodo, elit sit amet laoreet laoreet, est nunc euismod sem, eu consequat lorem lacus eget urna. In pharetra velit mauris, non vulputate odio sagittis a. Integer non vulputate velit. Nunc sed tellus molestie, egestas risus eget, pretium eros. Etiam vestibulum eget mauris a hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean at ipsum eu quam tincidunt dignissim. Etiam egestas eget orci non commodo. In hac habitasse platea dictumst. Fusce semper aliquam dui, vehicula fringilla metus porttitor at. Curabitur mollis non tortor non hendrerit. Morbi ut nibh ut libero ultricies bibendum. Donec varius tincidunt tincidunt. Etiam bibendum consequat felis quis fermentum. Vivamus viverra varius urna a semper. Cras id mi velit. Aenean vitae nunc ullamcorper, sodales arcu ac, vehicula dolor. Proin dignissim ut odio pellentesque lobortis. Cras fermentum placerat arcu sed eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam sagittis urna eget dui tristique, eu dapibus justo pretium. Vestibulum tincidunt ante sed dictum feugiat. Praesent rhoncus quam a nunc pharetra ultricies. Quisque ac dictum massa, non consequat diam. Suspendisse iaculis ornare tortor volutpat malesuada. Curabitur non sollicitudin nunc, a congue lorem. Vivamus sed hendrerit dui. Phasellus eu libero gravida, eleifend est a, convallis orci. Integer aliquam, tortor vitae semper pretium, justo purus accumsan metus, sit amet vestibulum nisi orci at arcu. Vivamus eu nulla vel leo laoreet aliquet. Quisque at enim eros. Mauris pulvinar dictum felis, aliquet vestibulum odio cursus vitae. Proin diam nulla, condimentum non condimentum a, accumsan vitae felis. In hac habitasse platea dictumst. Curabitur nisl magna, viverra ac vestibulum semper, faucibus fermentum eros. Nunc a gravida eros, et imperdiet arcu. Nunc sit amet sagittis est. In ullamcorper fermentum lorem, vel hendrerit libero auctor nec. Suspendisse in lectus adipiscing, elementum felis vitae, tincidunt mi. Nunc tincidunt eros nisi, in ullamcorper metus dapibus nec. Vestibulum luctus risus ac nisl tincidunt scelerisque. Suspendisse volutpat velit tortor, eget auctor odio placerat at. Suspendisse tristique ligula ullamcorper massa venenatis cursus. Nunc sagittis enim eu feugiat suscipit. Suspendisse accumsan, augue vulputate placerat porta, dolor nulla sodales enim, a bibendum velit ipsum quis elit. Aliquam erat volutpat. Nam sed tempor eros. Suspendisse cursus enim nec dui bibendum, ut pellentesque urna adipiscing. Etiam sit amet eros ac massa sodales sagittis. Mauris eget tristique sapien. Maecenas felis dui, luctus quis dictum nec, scelerisque vel est. Vestibulum tristique velit ac ante viverra, eget malesuada nisl faucibus. Etiam consequat felis mi, et porta sapien faucibus id. Vivamus a mollis metus. Proin dapibus sollicitudin consequat. Pellentesque eu sollicitudin magna. Donec ac magna pretium, gravida mauris eget, egestas nulla. Pellentesque in hendrerit nunc. Sed vitae massa luctus, ultricies nisl eu, tincidunt nunc. Donec gravida mattis consequat. Cras quis sem molestie, faucibus dolor id, pretium mauris. Morbi sit amet leo sed leo tincidunt ultrices. Sed enim purus, adipiscing ut nisl vitae, accumsan scelerisque ipsum. Cras vitae felis lacus.
THIS IS THE LAST LINE.
</div>
</div>
</div>
<footer> </footer>
</body>
</html>