Ul 高度无法生效

最新推荐文章于 2021-08-03 23:24:38 发布
最新推荐文章于 2021-08-03 23:24:38 发布
阅读量1.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/windlee09/article/details/38400737
版权

如果你设置了 

li{
float:left;
}

那么你的 UL 也要设置

ul{
float:left;
}

否则UL 和 LI 不在同一个层级内 UL 无法控制LI 所以他是一个没有内容的 UL 自然没有高度

windlee09
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css里ul标签在html不显示,好奇怪啊，我的div里面不能正常显示ul标签，
weixin_42398130的博客
06-11 423
该楼层疑似违规已被系统折叠隐藏此楼查看此楼陕西书画网var s=function(){var interv=4000; //切换间隔时间var interv2=10; //切换速速var opac1=80; //文字背景的透明度var source="fade_focus" //焦点轮换图片容器的id名称//获取对象function getTag(tag,obj){if(obj==null){r...
UL认证UL2808标准
最新发布
06-16
UL认证UL2808标准
ul列表中包含input时line-height属性失效的解决办法
High_Mount的专栏
02-24 2894
为什么列表含控件时，行高属性在IE6.0下失效？FF2.0下正常。这是一个不常见的问题，我们不提倡这样的布局方式，input元素尽可能的使用lable标签而不是包含于ul的li标签中。但在实际操作中，也可能存在这样的情况，我们就ul列表中包含input时line-height属性失效的问题作一些探讨。　　我们知道input标签是一个block元素，也就是一个块元素，而line-height只可以应
解决ul中li设置宽高无效的问题
请告诉他
09-30 4393
问题：ul中的li 设置样式display:inline; 如果再设置 width:105px; height:56px;怎么调整都不会有影响 解决：将display:inline;换成flot: left; 问题得到解决
height设置100%时不生效
yiye2017zhangmu的博客
03-14 731
在做html页面布局时，遇到一个头疼的问题，就是div高度设置百分比时一直无效，只能设置具体px值，但是随着页面的收缩以及不同浏览器的分辨率不同会导致页面崩溃。 <div class="tab-content" style="width: 100%;height: 100%;background-color: #F4F4F4;"> <div class="tab-pa...
ul具有最小高度和自动延伸高度的css设置
beimuaihui的专栏
12-24 3580
在调整ul里面的内容高度时，发现要么是ie不行，要么是FF不行，后来发现import一招。!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法格式{ sRule!important }，即写在定义的最后面，例如：box{color:red !important;} 最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持
UL 758 中文.pdf
12-11
UL 758 中文.pdf
UL认证61010-1标准
06-16
UL认证61010-1标准
UL 2054-2021.pdf
02-17
UL 2054-2021.pdf
UL 468A.pdf
12-11
UL 468A.pdf
ul高度显示为0的问题
AndrewNeo
06-22 6136
当一个元素只包含浮动元素的时候，它会出现高度折叠，即元素的上下底边重合，和高度为0效果一样，为了解决这种情况，需要清除浮动。下面是具体的问题和方法。 代码： <div id="box"> <ul> <li style="background: #3CB371;"></li> <li style
css中ul标签高度超过li标签,li浮动时ul高度为0，解决ul自适应高度的几种方法
weixin_34366539的博客
08-03 2130
在网页设计中，常常需要对li标签做浮动效果，但是在不同浏览器中会遇到兼容性问题，比如IE中会出现ul高度为0的情况，是效果不能达到预期效果。那么这里我就来讲解一下解决这个问题的几种方法。1.给ul元素设置高度height最直接的办法是给ul元素设置一个高度，即ul标签添加height属性，代码如下:ul {list-style-type: none;height: 30px; /*添加高度属性*/...
如何解决ul无法撑开div高度的情况
cyyax的博客
04-06 9627
很多朋友反映用上面的方法后，在有些时候依然无法解决容器无法撑开自适应的问题。那一定是有容器嵌套的情况下，而子容器又是浮动的。例如  内容1内容1  其中class为fuqin的div有浮动的li，当li比较多的时候，即便是div设置的是最小高度，也无法被撑开。  原因就在于作为子容器的li是浮动的即 。在这种情况下，即便是li的内容超过了div的高度，div也无法撑开。  解决方法如下： 
解决li设置浮动ul高度无法被撑开问题
Hero4399的博客
10-07 6066
一 最简单也是比较常用的方法就是直接给ul设置高度,当然是在知道ul的高度而不是自适应的时候使用 二 最为使用的方法,再添加一个li或者div都可以,不需要浮动,样式只需要设置clear:both即可,十分好用 三 在IE下使用的,不过谷歌浏览器好像也兼容,利用属性zoom : 1;overflow:auto;即可高度自适应和兼容IE6
为什么html中ul不起作用,给ul的其中一个li定义的CSS不起作用（双重CSS）
weixin_33179060的博客
06-16 1372
给列表元素(如 ul li、ol li)定义 CSS 样式，通常的做法是给父元素(如 ul)定义一个 CSS 样式，再用这个样式来定义子元素(如 li)的样式，因为子元素通常比较多，样式又大多相同，一个个定义比较麻烦。这样定义有时会出现一个问题：就拿 ul li 来说，所有 li 元素都用一个通用的 CSS 样式，但有一个 li 元素还要加一个独有的 CSS 样式，例如当前菜单就会出现这种情况；此...
ul 固定高度出现滚动条
05-25
如果你想让一个 `ul` 元素固定高度并且出现滚动条，可以使用 CSS 的 `overflow` 属性。具体来说，你需要将 `ul` 元素的高度固定，并设置 `overflow: auto`，这样当 `ul` 中的内容超出高度时，就会出现滚动条。 示例...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值