div css布局为什么底部没有颜色呢？bgcolor也设置了为什么不能生效呢？_html/css

首页

web前端

html教程

div css布局为什么底部没有颜色呢？bgcolor也设置了为什么不能生效呢？_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:54 AM

css代码

body{	 	 width:960px;	 margin:0 auto;	 	 }.top{	width:960px;	height:162px;	background-color:yellow;}.top ul{	padding:0px;	margin:0px;}.top ul li/*外面包围样式*/{	list-style-type:none;		float:left;	width:150px;	height:150px;	margin:10px 0px 0px 33px;	padding-left:0px;	}.top img{	width:150px;	height:150px;	}.middleleft{	width:200px;		background-color:yellow;	float:left;}.middleleft ul{	padding:0px;	margin:0px;}.middleleft ul li{	list-style-type:none;			margin:15px 0px 0px 33px;	}.middleleft img{	width:150px;	height:150px;}.middleright{	width:209px;		float:left;	background-color:yellow;}.middleright ul{		padding:0px;	margin:0px;}.middleright li{			list-style-type:none;	margin:15px 0px 0px 14px;	}.middleright img{		width:150px;	height:150px;}.middlemid{	width:551px;	height:336px;	background-color:green;	float:left;}.end1{		width:960px;	background-color:yellow;	}.end1 ul{	padding:0px;	margin:0px;}.end1 ul li/*外面包围样式*/{	list-style-type:none;		float:left;	width:150px;	height:150px;	margin:10px 0px 0px 33px;	padding-left:0px;	}.end1 img{	width:150px;	height:150px;	}

HTML

<html><head><link rel="stylesheet"type="text/css" href="css.css"/></head><body><!--上部--><div class="top"><ul ><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul></div><div><!--中部--><div class="middleleft"><ul ><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul></div><!----><div class="middlemid">middlemid</div><div class="middleright"><ul ><li  class="li1"><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li  class="li1"><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul></div></div><!--下部--><div class="end1"><ul ><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul></div></body></html>

回复讨论(解决方案)

效果图

清除float

<html><head><link rel="stylesheet"type="text/css" href="css.css"/></head><body><!--上部--><div class="top"><ul ><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul> </div><div><!--中部--><div class="middleleft"><ul ><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul></div><!----><div class="middlemid">middlemid</div> <div class="middleright"><ul ><li  class="li1"><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--><li  class="li1"><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul></div>  <div   style="max-width:90%"></div></div><!--下部--><div class="end1"><ul ><li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--> <li><img  src="/static/imghwm/default1.png"  data-src="dog.jpg"  class="lazy"   alt="div css布局为什么底部没有颜色呢？bgcolor也设置了 为什么不能生效呢？_html/css_WEB-ITnose" ></li><!--<a href="http://www.baidu.com">baidu<a>--></ul>  <div   style="max-width:90%"></div></div></body></html>

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，