IE6下li设置float属性后，li的宽度不能自适应

CSS宽度与溢出控制
最新推荐文章于 2017-07-06 14:03:19 发布
原创 最新推荐文章于 2017-07-06 14:03:19 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#float #ie

本文介绍了一种CSS技巧，通过设置ul元素的宽度为100%并隐藏溢出内容，实现对其子元素布局的有效控制。
在ul的样式里写上width:100%; overflow:hidden;

FuDesign2008
关注
div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
09-25
总的来说，通过合理设置 `li`、`ul` 和 `div` 的高度属性，以及使用 `clear:both` 解决浮动问题，我们可以实现 `div` 高度自适应 `li` 的功能。当在 `ul` 中添加更多 `li` 时，这个结构会自动扩展其高度以适应新的...
纯CSS实现兼容IE7及以上宽度自适应无限级导航菜单附演示
09-25
【纯CSS实现兼容IE7及以上宽度自适应无限级导航菜单】是一种常见的网页设计技术，它旨在创建一个在不同浏览器和屏幕尺寸下都能良好显示的多级导航系统，尤其考虑到老版本如IE7的兼容性问题。这个技术的核心是利用CSS...
关于ie6、ie7折行问题(li用了float)
weixin_30737363的博客
07-15 156
HTML结构及CSS样式如下： li {float:left; margin-right:10px; } <ul> <li><a href=”#">文本1</a></li> <li><a href=”#">文本2</a></li>...
IE6下li无法自适应宽度解决办法
kevinkristoffer的专栏
04-12 599
xxxxxxx xxxxxx xxxxx xxxxx xxxxxxxx
IE6设置li的float:left，不能自适应宽的解决方法
Brook
01-26 1567
做个divcss页面，发现在IE6下，设置了li的float:left，LI就不能自适应宽度了，真TMD的无比的寂寞。。。。 CSS代码如下： .menu .nav li{float:left;} .menu .nav li a{color:#FFF;} .menu .nav li a:hover{color:#070707;} HTML代码如下：
关于UL中的Li设为Float后，无法撑开外边的UL
sinat_21396411的博客
08-21 586
因为内部的对象被浮动了，使得外部的UL无法确定自身的高度 　　 解决方法：  将ul也设置浮动，并且UL要有一个明确的宽度，Width：100% 或 Width:300px
ie8 css float问题
东亮博客
02-23 2640
#weblmenu{height:22px;width:700px;float:left;display:inline;text-align:left;}#weblmenu ul{height:22px;width:700px;text-align:left;float:left;}#weblmenu ul li{height:22px;width:110px;float:left;list-st
ul li内容宽度的问题的解决方案
09-25
在IE6中，如果设置`<li>`的宽度为`auto`，它会默认继承父元素`<ul>`的宽度，即使内容超出该宽度也不会自动扩展。尝试使用`max-width`属性来限制最大宽度也无效，因为在IE6中，`max-width`并不被支持。要使`<li>`在IE...
css自适应宽度 多种方法实现宽度自适应的水平居中
09-25
通过为父元素设置text-align:center，并将子元素的display属性设置为inline-block或flex，再结合fit-content值，可以实现宽度自适应的水平居中。 示例代码如下： ```css .navbar { text-align: center; } .navbar ...
利用负边距技术制作自适应宽度布局的网页
09-25
1. 负边距可以用来创造额外的空间，使得元素能够在不改变自身宽度的情况下，与其他元素形成特定的布局关系。 2. 结合浮动定位，负边距可以实现自适应和固定宽度元素的并排展示，特别适合创建两栏或更多栏的布局。 3....
IE6 float:left; 间距变大问题
hyt48079287的专栏
02-07 1255
网上转载的方法主要是：display:inline 先看css代码: div { float:left; margin-left:10px; width:420px; height:150px; border:1px solid red } 这样设置左边距设置为10px，但IE6.0解
属性操作-浮动cssFloat（兼容IE6、7、8）
erdouzhang
07-06 1063
html： "button" id="inp"> div id="box">div> css： style> #box { width: 100px; height: 100px; background-color: pink; float: right; } style> javascript:
float不完整带来的IE7下的不兼容
weixin_30522183的博客
07-16 129
这种原因是因为搜索用了float:right;添加报考院校和导入文件没有用float; 解决的方法是：1.给添加报考院校和导入文件分别添加float:left;2.把搜索那部分代码写在添加报考院校和导入文件的前面。 转载于:https://www.cnblogs.com/linsx/p/3193364.html...
IE8下标签float导致的bug。
05-10 173
前几天帮朋友写一个页面，今天在IE8下面发现一个很奇葩的问题，给a标签添加了float:left之后a标签内的图片不显示了，去掉float:left之后就能正常显示。 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type...
li浮动时ul高度为0，解决ul自适应高度的几种方法
飞翔的熊blabla
11-25 2086
在网页设计中，常常需要对li标签做浮动效果，但是在不同浏览器中会遇到兼容性问题，比如IE中会出现ul高度为0的情况，是效果不能达 到预期效果。那么这里我就来讲解一下解决这个问题的几种方法。 1.给ul元素设置高度height 最直接的办法是给ul元素设置一个高度，即ul标签添加height属性，代码如下: ul {     list-style-type: none;   
IE7 float:left失效的解决方法
ForeverCjl的专栏
11-14 3885
情景代码如上。 在FIREFOX和CHROME等浏览器中，b和c会左对齐显示于两排，但在IE7下却不是。 在IE7下，b和c会显示在同一排，并且c会比b稍微低一点。 解决这个bug的方法是在IE7下给c设置固定宽度，并且宽度要大于 a - c 的宽度。
ul下的li设置了宽度50%没有自动换行展示
最新发布
08-22
在CSS布局中，当您将`<li>`元素的宽度设置为50%后，列表项未能自动换行展示，这通常是由于`<ul>`的默认样式或`<li>`的`display`属性设置不当导致的。默认情况下，`<li>`是块级元素（`display: list-item`），但如果...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值