html 页面满页,HTML页面很长

本文探讨了一个具体的网页布局案例,通过使用HTML和CSS实现特定的内容排列,并针对页面长度过长的问题进行了讨论。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这是我现在对该页面的css,

.xyz {

left: 400px;

top: 55px;

position: relative;

text-align: center;

width: 300px;

}

.m {

left: 800px;

top: -500px;

position: relative;

text-align: center;

width: 300px;

padding-bottom:100px;

}

.z {

left: 1200px;

top: -1153px;

position: relative;

text-align: center;

width: 300px;

}

.main{background-color:white;opacity:0.6; margin-left:auto;margin-right:auto;

margin-bottom:400px;text-align:center;width:30%;

padding:20px;}

这是我现在对该页面的html代码。我更新了它以包括正文

  • HACKERYOU
  • PART-TIME
  • BOOTCAMP
  • CONTACT
  • ABOUT
  • HOME

HACKERYOU

twenty-eighteen

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum my nibh euismod tincidunt ut laoreet

dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

FEATURED POSTS

image-small-1.jpg

HACKERYOU TECH TEST

March 1st, 2018

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum my nibh euismod tincidunt ut laoreet

dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud

READ MORE

image-small-2.jpg

HACKERYOU TECH TEST

March 1st, 2018

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum my nibh euismod tincidunt ut laoreet

dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud

READ MORE

image-small-3.jpg

HACKERYOU TECH TEST

March 1st, 2018

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum my nibh euismod tincidunt ut laoreet

dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud

READ MORE

这是页面的图像

image

为什么页面这么长?我不明白为什么页面的长度很长,测试页面的长度不应该那么长

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值