缘起,在人群中,我看见你。缘灭,我看见你,在人群中。 收藏本站
登陆 / 注册 搜索

阅读:1.3万   回复: 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>
上一篇
下一篇
帖子热度 1.3万 ℃
EricOrwell发帖没看黄历,被扣了2 个 金币.

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

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

截图是这样的
html的问题 @}D}P1PUX0NC{[@R_~8TLYM.png
EricOrwell在网吧通宵,花了 1 个 金币.
小执念 古黑浩劫论坛大牛 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;
}
您需要登录后才可以回帖 登录 | 免费注册  

本版积分规则

快速回复 返回列表