嗨首先感谢所有并感谢stackoverflow我是新的html和css我从互联网上下载免费的网站模板我想编辑我做了一些事情，当我删除上部div类页脚背景缩小从全宽到主要宽度和一些变化也发生在页脚中。
！[编辑模板前] [1]
编辑前的HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Wood Working Website Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
</div>
<ul id="navigation">
<li class="selected">
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<div id="contents">
<div>
<div class="body">
<div id="adbox">
<img src="images/chair.jpg" alt="Img"> <span class="info"> Whicker Chair <em>$250.00</em> <a href="index.html" class="btn1">View Details</a> </span>
<div class="details">
<h1>High Quality<br> Wooden Furnitures<br> That's Built to Last.</h1>
<p>
You can choose from our wide selection of furnitures on display. Either for your home, office or other estab- lishments. If you can’t find what you need, we can make it according to your needs.
</p>
</div>
</div>
<ul id="featured">
<li>
<div>
<img src="images/living-room.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Living Room</h4>
<p>
This website template has been designed by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a> for you, for free. You can replace all this text with your own text.
</p>
</div>
</li>
<li class="bedroom">
<div>
<img src="images/bedroom.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Bedroom</h4>
<p>
You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
</p>
</div>
</li>
<li class="kitchen">
<div>
<img src="images/kitchen.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Kitchen</h4>
<p>
If you're having problems editing this website template, then don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forums/">Forum</a>.
</p>
</div>
</li>
</ul>
<div class="contact">
<p>
For Order and Inquiries Please Call: <b>760-962-9541</b> Or you can visit us at: <b>4885 Wilson Street<br> Victorville, CA 92392</b>
</p>
</div>
<div class="blog">
<h4>From the Blog</h4>
<div>
<img src="images/carving-small.png" alt="Img"> <span>April 16, 2023</span>
<p>
CC's Carving
</p>
<a href="blog.html" class="more">Read More</a>
</div>
<div>
<img src="images/resort-small.png" alt="Img"> <span>April 15, 2023</span>
<p>
5 Star Resorts
</p>
<a href="blog.html" class="more">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div>
<div id="links">
<div class="showroom">
<h4>Visit our Showroom</h4>
<a href="gallery.html"><img src="images/show-room.png" alt="Img"></a>
<p>
4885 Wilson Street<br> Victorville, CA 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a>
</p>
</div>
<div>
<h4>Recent Blog Posts</h4>
<ul class="posts">
<li>
<span class="time">Apr 16</span>
<p>
<a href="blog.html">The Carving Master & Owner</a> Maybe you’re looking for something diferent, something special.
</p>
</li>
<li>
<span class="time">Apr 15</span>
<p>
<a href="blog.html">5 Star Hotels We Supply</a> And we love the challenge of doing something diferent and something special.
</p>
</li>
<li>
<span class="time">Apr 14</span>
<p>
<a href="blog.html">How To Pick The Right Furniture For You</a> What’s more, they’re absolutely free! You can do a lot with them.
</p>
</li>
</ul>
</div>
<div>
<form action="#" method="post" id="newsletter">
<h4>Join Our Newsletter</h4>
<input type="text" value="Enter Email Address Here For Updates" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
<input type="submit" value="Sign up" class="btn2" />
</form>
<div id="connect">
<h4>Social Media</h4>
<a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a>
</div>
</div>
</div>
<ul class="navigation">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<p id="footnote">
© Copyright 2023. All Rights Reserved.
</p>
</div>
</div>
</body>
</html>
在此我编辑的时候我的意思是当我删除后面的一个页脚背景正在缩小正常大小。
<h4>From the Blog</h4>
<div>
<img src="images/carving-small.png" alt="Img"> <span>April 16, 2023</span>
<p>
CC's Carving
</p>
<a href="blog.html" class="more">Read More</a>
</div>
<div>
<img src="images/resort-small.png" alt="Img"> <span>April 15, 2023</span>
<p>
5 Star Resorts
</p>
<a href="blog.html" class="more">Read More</a>
</div>
</div>
</div>
</div>
！[编辑HTML后] [2] 编辑后的HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Wood Working Website Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
</div>
<ul id="navigation">
<li class="selected">
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<div id="contents">
<div>
<div class="body">
<div id="adbox">
<img src="images/chair.jpg" alt="Img"> <span class="info"> Whicker Chair <em>$250.00</em> <a href="index.html" class="btn1">View Details</a> </span>
<div class="details">
<h1>High Quality<br> Wooden Furnitures<br> That's Built to Last.</h1>
<p>
You can choose from our wide selection of furnitures on display. Either for your home, office or other estab- lishments. If you can’t find what you need, we can make it according to your needs.
</p>
</div>
</div>
<ul id="featured">
<li>
<div>
<img src="images/living-room.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Living Room</h4>
<p>
This website template has been designed by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a> for you, for free. You can replace all this text with your own text.
</p>
</div>
</li>
<li class="bedroom">
<div>
<img src="images/bedroom.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Bedroom</h4>
<p>
You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
</p>
</div>
</li>
<li class="kitchen">
<div>
<img src="images/kitchen.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Kitchen</h4>
<p>
If you're having problems editing this website template, then don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forums/">Forum</a>.
</p>
</div>
</li>
</ul>
<div class="contact">
<p>
For Order and Inquiries Please Call: <b>760-962-9541</b> Or you can visit us at: <b>4885 Wilson Street<br> Victorville, CA 92392</b>
</p>
</div>
<div class="blog">
</div>
<div id="footer">
<div>
<div id="links">
<div class="showroom">
<h4>Visit our Showroom</h4>
<a href="gallery.html"><img src="images/show-room.png" alt="Img"></a>
<p>
4885 Wilson Street<br> Victorville, CA 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a>
</p>
</div>
<div>
<h4>Recent Blog Posts</h4>
<ul class="posts">
<li>
<span class="time">Apr 16</span>
<p>
<a href="blog.html">The Carving Master & Owner</a> Maybe you’re looking for something diferent, something special.
</p>
</li>
<li>
<span class="time">Apr 15</span>
<p>
<a href="blog.html">5 Star Hotels We Supply</a> And we love the challenge of doing something diferent and something special.
</p>
</li>
<li>
<span class="time">Apr 14</span>
<p>
<a href="blog.html">How To Pick The Right Furniture For You</a> What’s more, they’re absolutely free! You can do a lot with them.
</p>
</li>
</ul>
</div>
<div>
<form action="#" method="post" id="newsletter">
<h4>Join Our Newsletter</h4>
<input type="text" value="Enter Email Address Here For Updates" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
<input type="submit" value="Sign up" class="btn2" />
</form>
<div id="connect">
<h4>Social Media</h4>
<a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a>
</div>
</div>
</div>
<ul class="navigation">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<p id="footnote">
© Copyright 2023. All Rights Reserved.
</p>
</div>
</div>
</body>
</html>
请尽快帮助......
答案 0 :(得分：0)
我猜你删除了太多关闭div标签。
也许这就是你想要的： （“从博客”部分删除）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Wood Working Website Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
</div>
<ul id="navigation">
<li class="selected">
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<div id="contents">
<div>
<div class="body">
<div id="adbox">
<img src="images/chair.jpg" alt="Img"> <span class="info"> Whicker Chair <em>$250.00</em> <a href="index.html" class="btn1">View Details</a> </span>
<div class="details">
<h1>High Quality<br> Wooden Furnitures<br> That's Built to Last.</h1>
<p>
You can choose from our wide selection of furnitures on display. Either for your home, office or other estab- lishments. If you can’t find what you need, we can make it according to your needs.
</p>
</div>
</div>
<ul id="featured">
<li>
<div>
<img src="images/living-room.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Living Room</h4>
<p>
This website template has been designed by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a> for you, for free. You can replace all this text with your own text.
</p>
</div>
</li>
<li class="bedroom">
<div>
<img src="images/bedroom.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Bedroom</h4>
<p>
You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
</p>
</div>
</li>
<li class="kitchen">
<div>
<img src="images/kitchen.jpg" alt="Img"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Kitchen</h4>
<p>
If you're having problems editing this website template, then don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forums/">Forum</a>.
</p>
</div>
</li>
</ul>
<div class="contact">
<p>
For Order and Inquiries Please Call: <b>760-962-9541</b> Or you can visit us at: <b>4885 Wilson Street<br> Victorville, CA 92392</b>
</p>
</div>
<div class="blog">
</div>
</div>
</div>
</div>
<div id="footer">
<div>
<div id="links">
<div class="showroom">
<h4>Visit our Showroom</h4>
<a href="gallery.html"><img src="images/show-room.png" alt="Img"></a>
<p>
4885 Wilson Street<br> Victorville, CA 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a>
</p>
</div>
<div>
<h4>Recent Blog Posts</h4>
<ul class="posts">
<li>
<span class="time">Apr 16</span>
<p>
<a href="blog.html">The Carving Master & Owner</a> Maybe you’re looking for something diferent, something special.
</p>
</li>
<li>
<span class="time">Apr 15</span>
<p>
<a href="blog.html">5 Star Hotels We Supply</a> And we love the challenge of doing something diferent and something special.
</p>
</li>
<li>
<span class="time">Apr 14</span>
<p>
<a href="blog.html">How To Pick The Right Furniture For You</a> What’s more, they’re absolutely free! You can do a lot with them.
</p>
</li>
</ul>
</div>
<div>
<form action="#" method="post" id="newsletter">
<h4>Join Our Newsletter</h4>
<input type="text" value="Enter Email Address Here For Updates" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
<input type="submit" value="Sign up" class="btn2" />
</form>
<div id="connect">
<h4>Social Media</h4>
<a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a>
</div>
</div>
</div>
<ul class="navigation">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<p id="footnote">
© Copyright 2023. All Rights Reserved.
</p>
</div>
</div>
</body>
答案 1 :(得分：0)
将此<body>标记替换为此
更新了正文内容
<body>
<div id="header">
<div>
<div id="logo">
<a href="index.html"><img alt="LOGO" src="images/logo.png"></a>
</div>
<ul id="navigation">
<li class="selected">
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<div id="contents">
<div>
<div class="body">
<div id="adbox">
<img alt="Img" src="images/chair.jpg"> <span class="info"> Whicker Chair <em>$250.00</em> <a class="btn1" href="index.html">View Details</a> </span>
<div class="details">
<h1>High Quality<br> Wooden Furnitures<br> That's Built to Last.</h1>
<p>
You can choose from our wide selection of furnitures on display. Either for your home, office or other estab- lishments. If you can’t find what you need, we can make it according to your needs.
</p>
</div>
</div>
<ul id="featured">
<li>
<div>
<img alt="Img" src="images/living-room.jpg"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Living Room</h4>
<p>
This website template has been designed by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a> for you, for free. You can replace all this text with your own text.
</p>
</div>
</li>
<li class="bedroom">
<div>
<img alt="Img" src="images/bedroom.jpg"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Bedroom</h4>
<p>
You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
</p>
</div>
</li>
<li class="kitchen">
<div>
<img alt="Img" src="images/kitchen.jpg"> <a href="index.html"></a>
</div>
<div class="details">
<h4>Kitchen</h4>
<p>
If you're having problems editing this website template, then don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forums/">Forum</a>.
</p>
</div>
</li>
</ul>
<div class="contact">
<p>
For Order and Inquiries Please Call: <b>760-962-9541</b> Or you can visit us at: <b>4885 Wilson Street<br> Victorville, CA 92392</b>
</p>
</div>
<div class="blog">
<h4>From the Blog</h4>
<div>
<img alt="Img" src="images/carving-small.png"> <span>April 16, 2023</span>
<p>
CC's Carving
</p>
<a class="more" href="blog.html">Read More</a>
</div>
<div>
<img alt="Img" src="images/resort-small.png"> <span>April 15, 2023</span>
<p>
5 Star Resorts
</p>
<a class="more" href="blog.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div>
<div id="links">
<div class="showroom">
<h4>Visit our Showroom</h4>
<a href="gallery.html"><img alt="Img" src="images/show-room.png"></a>
<p>
4885 Wilson Street<br> Victorville, CA 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a>
</p>
</div>
<div>
<h4>Recent Blog Posts</h4>
<ul class="posts">
<li>
<span class="time">Apr 16</span>
<p>
<a href="blog.html">The Carving Master & Owner</a> Maybe you’re looking for something diferent, something special.
</p>
</li>
<li>
<span class="time">Apr 15</span>
<p>
<a href="blog.html">5 Star Hotels We Supply</a> And we love the challenge of doing something diferent and something special.
</p>
</li>
<li>
<span class="time">Apr 14</span>
<p>
<a href="blog.html">How To Pick The Right Furniture For You</a> What’s more, they’re absolutely free! You can do a lot with them.
</p>
</li>
</ul>
</div>
<div>
<form id="newsletter" method="post" action="#">
<h4>Join Our Newsletter</h4>
<input type="text" onfocus="javascript:if(this.value==this.defaultValue){this.value='';}" onblur="javascript:if(this.value==''){this.value=this.defaultValue;}" value="Enter Email Address Here For Updates">
<input type="submit" class="btn2" value="Sign up">
</form>
<div id="connect">
<h4>Social Media</h4>
<a class="facebook" target="_blank" href="http://freewebsitetemplates.com/go/facebook/"></a> <a class="googleplus" target="_blank" href="http://freewebsitetemplates.com/go/googleplus/"></a> <a class="twitter" target="_blank" href="http://freewebsitetemplates.com/go/twitter/"></a>
</div>
</div>
</div>
<ul class="navigation">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<p id="footnote">
© Copyright 2023. All Rights Reserved.
</p>
</div>
</div>
</body>
答案 2 :(得分：0)
您删除了一些使布局发生变化的div。 尝试在
之后关闭div<div class="blog"></div>
添加3关闭
</div>