如何增加页脚线上方的空间？
我想增加页脚线上方的空间，但我没有CSS。
你能告诉我如何增加页面上方的空间吗？我的html和css都粘贴在这里：
<footer class="nohistory columns">
<p class="first">A good deal is just around the corner!</p>
<p>New Ads is the right choice for safe buying and selling in USA: a free classifieds website where you
can buy and sell almost everything.</p>
<p><a href="/ai">Post an ad for free</a> or browse through our categories. You will find thousands of free
classifieds for cars, houses, mobile phones and gadgets, computers, pets and dozens of items and services in
your state or union territory.</p>
<p>
<strong>New Ads does not charge any fee and does not require registration.</strong> Every
ad is checked so we can give you the highest quality possible for the ads on our site. That’s why
kewlbusiness is the most convenient, easiest to use and most complete free ads site in USA.</p>
<div id="world_sites">
</div>
</footer>
我的完整HTML是
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="keywords"
content="Houses Apartments, Vacation homes, Offices, Land, Flatmates,Paying Guest, Other real estate, Cars, Motorcycles, Accessories parts, Trucks, Other vehicles, Home Garden, Clothing, For Kids (Toys Clothes), Jewelry Watches, Hobbies, Sports Bicycles, Movies, Books Magazines, Pets, Tickets, Art Collectibles, Music Instruments, Computers Accessories, TV, Audio, Video, Cameras, Cellphones gadgets, Video games consoles, Job offers, Resumes, Services, Classes, Professional,Office equipment, Other, ">
<meta name="description"
content="Find jobs, cars, houses, mobile phones and properties for sale in your region conveniently. Find the best deal among {{count}} free ads online!">
<title>Free classifieds in India - new-ads.com</title>
<link href="/static/css/koolindex_in.css?{VERSION}" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/static/js/jquery-1.10.2.min.js?{VERSION}"></script>
</head>
<body>
{% include "kooltopbar.html" %}
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
function drawMap() {
var data = google.visualization.arrayToDataTable([
['Province'],
['Montana'],
['Washington'],
['Oregon'],
['California'], // North West Frontier
['New York'],
['Connecticut'], // Northern Areas
['Alabama'],
['Idaho'], ['Nevada'],
['Nebraska'],
['Colorado'],
['Arizona'], // North West Frontier
['New Mexico'],
['Texas'], // Northern Areas
['Louisiana'],
['Oklahoma'],
['Virginia'],
['Kentucky'],
['Illinois'],
['Indiana'], // North West Frontier
['Arkansas'],
['Louisiana'], // Northern Areas
['Mississippi'],
['Georgia'], ['Florida'],
['Missouri'],
['Iowa'],
['Minnesota'], // North West Frontier
['South Dakota'],
['North Dakota'], // Northern Areas
['Wyoming'],
['Utah'],
['Illinois'],
['Maine'], // North West Frontier
['Vermont'],
['Massachussets'], // Northern Areas
['Maryland'],
['Delaware'], ['New Jersey'],
['South Carolina'],
['North Carolina'],
['Michigan'], // North West Frontier
['Wisconsin'],
['Kansas'], // Northern Areas
['Alaska'],
['Hawaii'],
['Rhode Island'],
['District of Colombia'], // North West Frontier
['Ohio'],
['West Virginia'], // Northern Areas
['Pennsylvania'],
['Tennessee'],
['New Hampshire']
]);
var options = {
region:'US',
backgroundColor: '#81d4fa',
datalessRegionColor: '#ffc801',
width:468,
height:278,
resolution: 'provinces',
};
var container = document.getElementById('mapcontainer');
var chart = new google.visualization.GeoChart(container);
function myClickHandler(){
var selection = chart.getSelection();
var message = '';
for (var i = 0; i < selection.length; i++) {
var item = selection[i];
message += '{row:' + item.row + ',column:' + item.column + '}';
if (item.row != null) {
message += '{row:' + item.row + '}';
}
}
if (message == '') {
message = 'nothing';
}
//alert('You selected ' + message);
if (item.row==0) {
window.location = "/q?query=regionID%3D8032183";
}
if (item.row==2) {
window.location = "/q?query=regionID%3D8030183";
}
if (item.row==3) {
window.location = "/q?query=regionID%3D8029183";
}
if (item.row==4) {
window.location = "/q?query=regionID%3D68033183";
}
if (item.row==6) {
window.location = "/q?query=regionID%3D8028183";
}
if (item.row==7) {
window.location = "/q?query=regionID%3D8031183";
}
if (item.row==5) {
window.location = "/q?query=regionID%3D8032183";
}
if (item.row==1) {
window.location = "/q?query=regionID%3D8031184";
}
if (item.row==10) {
window.location = "/himachal_pradesh/";
}
if (item.row==11) {
window.location = "/jammu_kashmir/";
}
if (item.row==12) {
window.location = "/jharkhand/";
}
if (item.row==13) {
window.location = "/karnataka/";
}
if (item.row==14) {
window.location = "/kerala/";
}
if (item.row==15) {
window.location = "/madhya_pradesh/";
}
if (item.row==16) {
window.location = "/maharashtra/";
}
if (item.row==17) {
window.location = "/manipur/";
}
if (item.row==18) {
window.location = "/meghalaya/";
}
if (item.row==19) {
window.location = "/mizoram/";
}
if (item.row==20) {
window.location = "/nagaland/";
}
if (item.row==21) {
window.location = "/orissa/";
}
if (item.row==22) {
window.location = "/punjab/";
}
if (item.row==23) {
window.location = "/rajasthan/";
}
if (item.row==24) {
window.location = "/sikkim/";
}
if (item.row==25) {
window.location = "/tamil_nadu/";
}
if (item.row==25) {
window.location = "/tripura/";
}
if (item.row==28) {
window.location = "/uttar_pradesh/";
}
if (item.row==29) {
window.location = "/west_bengal/";
}
if (item.row==36) {
window.location = "/andaman_nicobar_islands/";
}
}
google.visualization.events.addListener(chart, 'select', myClickHandler);
chart.draw(data, options);
}
google.load('visualization', '1', {packages: ['geochart'], callback: drawMap});
</script>
<div id="wrapper">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- v2 -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:15px"
data-ad-client="ca-pub-7211665888260307"
data-ad-slot="9119838994"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-7211665888260307"
data-ad-slot="4543980997"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="main">
<div class="column_left">
<div class="box">
<ul>
<li>New easy, free, and cool advertising.</li>
<li>Buy and sell <a href="/us/cars-for_sale">cars</a>, check our <a href="/us/real_estate">real
estate</a>
section, find <a href="/us/jobs">jobs</a>, and much more.
</li>
<li>Check our <strong><a href="/us">{{count}} ads online</a></strong> and find what you are looking for
in
your region or in all USA.
</li>
</ul>
</div>
<div id="regions">
<div class="region_links_one">
<ul class="regions_one">
<li><a id="region_8" class="region" href="http://www.new-ads.com/q?query=regionID%3D7089183">Alabama</a></li>
<li><a id="region_9" class="region" href="http://www.new-ads.com/q?query=regionID%3D7091183">Alaska</a></li>
<li><a id="region_10" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7088186">Arizona</a>
</li>
<li><a id="region_11" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7102183">Arkansas</a>
</li>
<li><a id="region_8" class="region" href="http://www.new-ads.com/q?query=regionID%3D7095185">California</a></li>
<li><a id="region_9" class="region" href="http://www.new-ads.com/q?query=regionID%3D7094186">Colorado</a></li>
<li><a id="region_10" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7097187">Connecticut</a>
</li>
<li><a id="region_11" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7088187">Delaware</a>
</li> <li><a id="region_8" class="region" href="http://www.new-ads.com/q?query=regionID%3D7101184">Florida</a></li>
<li><a id="region_9" class="region" href="http://www.new-ads.com/q?query=regionID%3D7090186">Georgia</a></li>
<li><a id="region_10" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7095186">Hawaii</a>
</li>
<li><a id="region_11" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7095187">Idaho</a>
</li> <li><a id="region_8" class="region" href="http://www.new-ads.com/q?query=regionID%3D7101185"> Illinois</a></li>
<li><a id="region_9" class="region" href="http://www.new-ads.com/q?query=regionID%3D7090187">Indiana</a></li>
<li><a id="region_10" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7102184">Iowa</a>
</li>
<li><a id="region_11" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7092184">Kansas</a>
</li> <li><a id="region_8" class="region" href="http://www.new-ads.com/q?query=regionID%3D7098186">Kentucky</a></li>
<li><a id="region_9" class="region" href="http://www.new-ads.com/q?query=regionID%3D7100184">Louisiana</a></li>
<li><a id="region_10" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7091184">Maine</a>
</li>
<li><a id="region_11" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7089185">Maryland</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7096187">Massachusetts</a></li>
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7096188">Michigan</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7098188">Minnesota</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7102185">Mississippi</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7094187">Missouri</a></li>
</ul>
<ul class="regions_two">
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7093186">Montana</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7091185">Nebraska</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7102186">Nevada</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7093187">New Hampshire</a></li>
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7090188">New Jersey</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7094188">New Mexico</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7099184">New York</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7101186">North Carolina</a></li>
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7092185">North Dakota</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7098189">Ohio</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7091186">Oklahoma</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7097188">Oregon</a></li>
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7088189">Pennsylvania</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7098190">Rhode Island</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7093188">South Carolina</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7094189">South Dakota</a></li>
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7097189">Tennessee</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7101187">Texas</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7088189">Utah</a>
</li>
<li><a id="region_12" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7088190">Vermont</a></li>
<li><a id="region_13" class="region"
href="http://www.new-ads.com/q?query=regionID%3D7097190">Virginia</a></li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7099185">Washington</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7091187">West Virginia</a>
</li>
<li><a id="region_14" class="region" href="http://www.new-ads.com/q?query=regionID%3D7098191">Wisconsin</a>
</li>
<li><a id="region_15" class="region" href="http://www.new-ads.com/q?query=regionID%3D7101188">Wyoming</a>
</li>
</ul>
</div>
</div>
</div>
<div id="my_wrapper">
<div id="mapcontainer"></div>
<div id="gads" style="clear:both">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- frontpagebelowmap -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-7211665888260307"
data-ad-slot="3839303791"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<footer class="nohistory columns">
<p class="first">A good deal is just around the corner!</p>
<p>New Ads is the right choice for safe buying and selling in USA: a free classifieds website where you
can buy and sell almost everything.</p>
<p><a href="/ai">Post an ad for free</a> or browse through our categories. You will find thousands of free
classifieds for cars, houses, mobile phones and gadgets, computers, pets and dozens of items and services in
your state or union territory.</p>
<p>
<strong>New Ads does not charge any fee and does not require registration.</strong> Every
ad is checked so we can give you the highest quality possible for the ads on our site. That’s why
kewlbusiness is the most convenient, easiest to use and most complete free ads site in USA.</p>
<div id="world_sites">
</div>
</footer>
</div>
</body>
</html>
2 个答案:
答案 0 :(得分：2)
将此CSS添加到您的css文件
pr.out$rotation或在html中：
.parent
.child
答案 1 :(得分：2)
你有两个选择来实现这个目标。
- 从主要内容中获取页脚 - 推荐 -
- 在主要部分中有一个页脚并没有错，但它更明确，并且在HTML结构方面有意义，没有任何包装器就可以使用页脚。
-
working example is here（对于提前的不良缩进感到抱歉：[/]
-
在
column_leftdiv 上添加填充底部
- 这可能是一种冗余的解决方法，但如果您不想重新构建HTML，这是最佳选择。
- working example is here
<强>说明
您的页脚已经具有margin-top属性，但它不会推动元素，因为它们已经浮动。 column_left内的许多元素都有float:left。好吧，重要的是你的my_wrapper实际上是在挂着。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？