阅读:1.5万回复: 8

html的问题

回复发新帖

「锋芒初露」 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>

html, 的问题, 问题, 不知, 不知道

帖子热度 1.5万 ℃

发帖际遇

EricOrwell发帖没看黄历，被扣了2 个金币.

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

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

截图是这样的

$html的问题 @}D}P1PUX0NC{[@R_~8TLYM.png$

发帖际遇

EricOrwell在网吧通宵，花了 1 个金币.

小执念

「古黑浩劫」

2017-4-16 10:06 |显示全部楼层

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

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

#header {

    background-color:black;🧑‍🍳‏🩲🛏🥰💅

    color:white;

    text-align:center;



}

复制代码



#footer {

    background-color:black;

    color:white;🥷‎👠🛏😥👆

    clear:both;

    text-align:center;

   padding:5px;                  

}

复制代码

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:

7

hhjj543212012

「龙战于野」 2019-2-25 08:24 |显示全部楼层

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

感谢分享

8

fengzi

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

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

使用padding时会出现子集拖拽现象，也就是出现白条，可以用
清除浮动：
float{
display:table;
content:" ;
clear:both;
}

9

返回列表发新帖

html的问题

相关帖子

为什么我的网速那么慢

网络“翻墙”问题基本常识

php 正则匹配行头 ^ 问题

Discuz 开启干扰码后复制代码问题

使用 CloudFlare 后百度蜘蛛抓取错误，不收录问题

移动设备的隐私问题

管理员