`
nianshi
  • 浏览: 416186 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

关于UL中的Li设为Float后,无法撑开外边的UL问题

 
阅读更多



 1

且UL还要有一个明确的宽度,Width:100% 或 Width:300px

  • 大小: 29.1 KB
分享到:
评论

相关推荐

    46种常见的浏览器兼容性问题大汇总

    19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3...

    里面的div怎么撑开外面的div让高度自适应

    标题和描述中提到的问题正是关于这个需求:如何让内部的 `div` 撑开外部的 `div`,使得外部 `div` 的高度能随内容增多而自适应。 在正常情况下,如果内部 `div` 的内容高度超过外部 `div` 的固定高度,外部 `div` ...

    详解关于浮动元素float使其父元素高度塌陷的原因及解决方法

    例如,如果一个`<ul>`列表中的`<li>`元素设置了`float:left`,这些列表项会横向排列,但它们不会撑开`<ul>`的背景色或边框。因此,看似父元素`<ul>`消失了,实际上只是它的高度被计算为0,因为它认为内部没有内容。...

    前端兼容问题大全

    在IE和FireFox中,LI中的内容超过长度后以省略号显示的处理方式不同。解决方法是使用统一的方法来处理LI中的内容超过长度后以省略号显示。 三十七、为什么web标准中IE无法设置滚动条颜色 在IE中,web标准中无法...

    浏览器不兼容问题解决方案[归类].pdf

    `li`元素与内部浮动`div`的组合可能导致复杂的布局问题,尤其是在IE6中。通常需要对`li`元素的样式进行特殊处理,或者改变布局结构来解决。 10. **使用`float:left;display:inline`的`ul`**: 这个CSS规则是为了...

    div+css布局中常用方法汇总.docx

    6. **IE列表高度显示问题**:针对IE6中的列表显示问题,可以使用星号选择器`*html ul li`来设置`float`和`height`,以修正高度显示。 7. **a:hover与th:hover在IE6下的兼容**:`a:hover`在IE6及以下版本中必须包含...

    div+css布局中常用方法汇总.pdf

    6. **解决IE中列表高度显示问题**:在IE6中,可以通过`*html ul li{float:left;height:1%;}`和`*html ul li{height:1%;}`来修复高度显示不正确的问题。 7. **链接hover效果**:在IE6及以下版本,`a:hover`必须包含...

    浏览器兼容性问题

    - **问题描述**:在Firefox中,文本可能无法自动撑开容器的高度。 - **解决方法**:使用`display: flex; align-items: stretch;`来确保文本能撑开容器的高度。 综上所述,解决浏览器兼容性问题的关键在于深入理解...

    美工组面试问题.docx

    5. 对`ul li`的样式设为无下划线,应使用`list-style-type:none`属性。 6. 在新窗口打开链接的方法是在`<a>`标签中使用`target="_blank"`属性。 7. `Color:#666666;`可缩写为`color:#666`。 8. 结构与表现分离,其中...

    让DIV兼容的方法

    ### 让DIV兼容的方法 #### 一、基础知识与方法概览 在网页设计与开发过程中,...遵循这些原则,可以有效解决90%以上的兼容性问题,为开发者提供了一个清晰的指南,帮助他们在实际项目中实现高效且一致的页面布局。

    DIV布局兼容

    - `ul`和`li`:列表元素,`ul`用于创建无序列表,`li`表示列表项。 - `dl`, `dt`, `dd`:定义列表,`dl`是定义列表的容器,`dt`表示定义术语,`dd`是术语的解释。 3. **DIV布局技巧** - **孙氏兼容法则**: - *...

    自己用html+css仿写的淘宝,可以用来交作业,应付期末考试用

    9. 清除浮动:在使用浮动布局时,可能会遇到父元素高度无法自动撑开的问题,可以使用`clear:both`或`clearfix`方法来解决。 总结来说,通过HTML和CSS的综合运用,可以创建出具有淘宝风格的页面,实现基本的布局和...

    css实现瀑布流空白处背景粉色背景块

    接着,定义了内部的`<ul>`列表,它被设置为浮动元素(`float: left;`),这样它们可以并排显示。每个列表的宽度设置为240px,并留有10px的右侧边距(`margin-right: 10px;`)。为了实现粉色背景,我们设置了背景颜色...

    浏览器兼容性汇总

    LI中内容超过长度后以省略号显示 - **IE**: 可能无法正确显示省略号。 - **Firefox等其他浏览器**: 通常表现一致。 **解决方案**: 使用 `text-overflow:ellipsis` 和 `overflow:hidden` 来确保省略号显示。 ####...

Global site tag (gtag.js) - Google Analytics