到底该怎么做,你才会重新喜欢我呢? 收藏本站
登陆 / 注册 搜索

阅读: 7.9K   回复: 8

[# 其他] html的问题

EricOrwell 「锋芒初露」 2017-4-15 22:17 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

不知道为什么中间多了一白条,解决不了,希望大佬帮忙。
代码如下
<!DOCTYPE html>
<html>

<head>
<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
   
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;              
}
#section {
    width:350px;
    float:left;
    padding:10px;                  
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;                  
}
</style>
</head>

<body>

<div id="header">
<h1>City Gallery</h1>
</div>

<div id="nav">
London<br>
Paris<br>
Tokyo<br>
</div>

<div id="section">
<h2>London</h2>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>

<div id="footer">
Copyright ? W3Schools.com
</div>

</body>
</html>


EricOrwell 「锋芒初露」 2017-4-15 22:19 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

截图是这样的
html的问题 @}D}P1PUX0NC{[@R_~8TLYM.png
小执念 古黑浩劫论坛大牛 2017-4-16 10:06 |显示全部楼层

可遇不可求的事:故乡的云,上古的玉,随手的诗,十九岁的你。

管理员

就算参考自己的代码也能发现不同之处吧?

  1. #header {
  2.     background-color:black;
  3.     color:white;
  4.     text-align:center;

  5. }
复制代码



  1. #footer {
  2.     background-color:black;
  3.     color:white;
  4.     clear:both;
  5.     text-align:center;
  6.    padding:5px;                  
  7. }
复制代码



padding用法参考: http://www.w3school.com.cn/cssref/pr_padding.asp
巴黎环抱的花海 「龙战于野」 2017-9-2 21:20 来自手机 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

嘘,低调。
清风霁月 「出类拔萃」 2017-9-27 11:00 来自手机 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

让人奔走相告曰须阅读的好帖
映画 「出类拔萃」 2018-1-20 22:41 来自手机 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

对于这种刚发的帖子,
我总是毫不犹豫的回了。
如果火了就是个前排,
可以混个脸熟,
说不定谁好心就给粉了…稳赚不赔;
如果沉了就感觉是我弄沉的,
很有成就感,
还能捞经验。#y431:
眼泪早已泛滥 「出类拔萃」 2018-1-21 16:05 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

对于作为社会主义的打好男人,我你这样做对得起社会,对得起人民吗?我只想说4个字:请带上我!#379:
hhjj543212012 「龙战于野」 2019-2-25 08:24 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

感谢分享
fengzi 「初入古黑」 2019-10-1 22:13 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

使用padding时会出现子集拖拽现象,也就是出现白条,可以用
清除浮动:
float{
display:table;
content:" ;
clear:both;
}
您需要登录后才可以回帖 登录 | 免费注册  

本版积分规则

关于本站|大事记|小黑屋|古黑论 网站统计

GMT+8, 2020-11-25 02:08 , Processed in 0.031374 second(s), 18 queries , Redis On.

© 2015-2020 GuHei.Net

Powered by Discuz! X3.4

快速回复 返回列表