浅谈使用ul、li怎么清除浮动
分享 2012.04.06 浏览次数：43386次
|
标签：杭州网站建设、杭州网站设计 浮动 学过div+css的朋友，应该都知道定位 浮动 盒子模型都很重要，然而很多CSS初学者往往很容易被浮动搞得晕头转向，经常碰到有朋友问“为什么我把ul里面的li都向左浮动了，然后我的ul就没有背景了？”下面杭州网站建设谈怎么用ul、li怎么清除浮动。
此时，如果我们呢给ul加上1px的border的话，就会发现我们的ul从原来的一块变成了一条线，这就是长说的浮动带来的问题。其实解决这个问题，只需要短短的几个属性而已。源码如下：
只需要给浮动元素的父元素加上overflow:hidden属性就可以很有效的将浮动清楚，阻止元素脱离父元素。但是同时引发了一个新的问题，就是当overflow:hidden会将超出父元素宽度范围的内容隐藏，也就是说我们就可能不能实现竖直的二级导航类的功能了。 此时，另一个万能方法就此诞生 <\/div>
<\/div>
<\/div>
在父元素的最后添加一个CSS为clear:both;float:none的元素，他可以在在父元素不能overflow:hidden的情况下为您完美解决浮动产生的所有困扰。 总结一下，设计人员做网页时使用浮动这个属性的情况下是很多的，只要我们彻底弄清楚overflow:hidden，clear:both以及float:none三个属性就行了，因为万变不了其中。。。。
|
- PREV：浅谈做程序员需要注意那些规则
- NEXT：我们多少问题都复杂化了
-
杭州帷拓科技：你的官网真的“合身”吗？聊聊杭州品牌网站建设的真正价值
日期：2026-08-05浏览次数：2774次
-
杭州帷拓科技：真正高端的网站，贵在设计之外的那些事
日期：2026-08-03浏览次数：3355次
-
杭州帷拓科技：为什么有的网站一看就想下单，有的却让人想关掉？
日期：2026-07-21浏览次数：5204次
-
杭州帷拓科技：做完网站就结束了吗？你找的杭州网站制作公司够可靠吗
日期：2026-07-16浏览次数：6092次
-
杭州帷拓科技：品牌网站的第一眼，决定了客户是否愿意多看一眼
日期：2026-07-15浏览次数：5926次
相关新闻
整合同类新闻，相关新闻一手掌握
-
邯郸定制app，你是否有这些疑惑？
日期：2021-03-09浏览次数：26849次
-
邯郸app开发依然是大势所需
日期：2021-03-09浏览次数：25939次
-
邯郸定制app，原生态APP与定制APP有何区别？
日期：2020-10-30浏览次数：25823次
-
邯郸集团宣传，选邯郸app开发还是邯郸平台开发呢？
日期：2020-10-30浏览次数：26772次
-
邯郸网站优化之高质量SEO文章的撰写
日期：2020-09-17浏览次数：26221次
最新新闻
与互联网同行，实时掌握网建行业最新动态
-
1团购拉手网提交IPO招股书将融资1亿美元
日期：2011-10-29浏览次数：32160次
-
当到达了瓶颈，SEOER该何去何从？
日期：2011-11-17浏览次数：30992次
-
这7种杭州网站优化诊断元素值得关注
日期：2021-02-18浏览次数：28599次
-
美容APP开发
日期：2021-03-19浏览次数：26194次
-
杭州网站优化，如何处理死链接？
日期：2023-09-28浏览次数：26174次
随机新闻
新闻新动态，您需要的新闻管家
洞悉市场趋势演变让传播回归社会
免费获取网站建设与网络推广方案报价
-
关于我们
杭州帷拓科技有限公司，是一家新型的全案网络开发公司，作为以互联网高端网站建设、APP开发、小程序开发为核心的专业网络技术服务供应商，帷拓科技致力于全面分析市场环境、衡量与预测市场需求、整合区别于行业竞争对手的绝对优势，结合品牌理念深度挖掘项目优势和产品价值，提升客户品牌认知、认可度。
-
我们的客户
帷拓科技历经十年沉淀，与国内外上千家客户达成合作关系，其中稳定合作的公司有：浙江华为、浙江移动、浙江5G产业联盟、浙江省社科院、绿城足球俱乐部、娃哈哈双语学校、健康中国杭州峰会、科雷机电等，帷拓科技始终坚持“帷有专业，才能拓展无限”的服务理念，坚持“认真坚持细节”的优质服务理念，不断完善自身，成就企业，最终实现共赢。
-
我们的业务
帷拓科技主营业务范围包含互联网高端网站建设、APP开发、小程序开发、商城网站建设、公众号运营以及数字营销等，涵盖了服务、房产、数码、服装、物流贸易等行业，根据品牌现状，为每个客户量身定制项目整体服务方案，以敏锐的市场洞察力、创新的市场策划能力，全面把握市场变化，为客户实现从企业到消费者的价值转换。
