`
ouyangtao404
  • 浏览: 22306 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

ul在ie6下,宽度固定,只适应高度,高度撑不开问题

 
阅读更多

ul在ie6下,宽度固定,只适应高度,高度撑不开,

ie6下发现给height:1%,的默认值了,

因为不能给height写死,写成了height:auto试一试,

奏效了!

分享到:
评论

相关推荐

    CSS完美兼容IE6_IE7_FF的通用方法

    important`的规则则只在IE6中生效。 ##### 2\. 使用条件注释和特殊选择器 这种方法利用了IE6/IE7对CSS选择器的支持差异,可以通过不同的CSS规则来实现兼容性处理。 ```css #wrapper { width: 120px; /* FireFox ...

    div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题

    4. **浏览器兼容性**:此示例已经在 IE6 和 Chrome 测试通过,这意味着它考虑到了旧版浏览器的兼容性问题。 总的来说,通过合理设置 `li`、`ul` 和 `div` 的高度属性,以及使用 `clear:both` 解决浮动问题,我们...

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

    这个CSS规则是为了修复IE6的双倍外边距问题,但在其他浏览器中可能不需要。在编写CSS时,应考虑对特定浏览器的针对性修复,并确保这些修复不会影响其他浏览器的表现。 以上只是一部分常见的浏览器兼容性问题,解决...

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

    在正常情况下,如果内部 `div` 的内容高度超过外部 `div` 的固定高度,外部 `div` 应该自然地扩展以适应内容。然而,由于不同浏览器对 CSS 规范的支持程度不一,尤其是在 Internet Explorer(尤其是 IE6)中,这种...

    前端开发技术基础知识

    6. **嵌套div的y轴问题**:Firefox和IE在处理嵌套div的垂直间距时有差异。Firefox会考虑父div的padding和子div的margin,而IE只取两者中的较大值。为保持兼容性,可能需要调整元素的padding和margin。 7. **傻瓜式...

    纯CSS下拉菜单,宽度自适应

    7. **浏览器兼容性**:虽然现代浏览器对CSS3特性支持良好,但在处理跨浏览器兼容性问题时,仍需留意一些老版本浏览器的限制,例如IE8及以下版本对某些CSS3特性的支持不足。 在压缩包中的“CSS下拉菜单导航栏”文件...

    固定导航浮动在顶部效果html代码

    在网页设计中,"固定导航浮动在顶部效果"是一种常见的用户体验优化技巧,它使得用户在浏览长页面时能始终保持导航栏在视野范围内。这个标题所指的“固定导航浮动在顶部效果html代码”是一个实现这一功能的源码示例。...

    浏览器兼容性汇总

    IE6下图片下有空隙产生 - **IE6**: 图片下方可能会出现空白。 - **Firefox等其他浏览器**: 通常表现一致。 **解决方案**: 使用 `display:block` 或为图片添加 `vertical-align:top` 来消除空白。 ##### 18. 对齐...

    Css与各浏览器兼容性

    11. **清除浮动**:在浮动元素后添加`clear:both`可以帮助解决背景适应高度的问题。 12. **浏览器特定的CSS Hack**:如`*html #example`和`*+html #example`是针对IE6和IE7的特定规则,而`!important`后的值优先级...

    ul列表标记设计网页多列布局

    在给出的代码示例中,我们看到了一个使用`<ul>`实现的固定宽度三列布局。整个布局被包裹在一个具有固定宽度的`<div>`(`id="mainContent"`)中,确保其在页面中居中显示。`<ul>`列表中的每个`<li>`元素代表一列,...

    CSS 用ul li做圆角表格

    - **浏览器兼容性**:确保该方法在IE6、IE7、IE8以及Firefox 3.0、Opera 9.6等主流浏览器中都能正常显示。 - **响应式设计**:虽然文档未提及,但在实际应用时可考虑加入媒体查询以支持不同屏幕尺寸。 #### 四、...

    45道CSS基础面试题(附答案).pdf

    而低版本的IE浏览器采用的盒子模型中,元素的宽度或高度仅包括内容区的宽度或高度,边框和内边距都包含在设定的宽度或高度之内。这种差异导致了在不同浏览器中的布局表现不一致,为了解决这个问题,CSS3引入了`box-...

    网页设计期末复习网页设计与开发.docx

    6. 旧版IE浏览器兼容性:对于不支持CSS伪类的IE6,可以使用JavaScript来模拟类似效果。例如,通过添加和移除类名来实现鼠标悬停时的高亮效果。 7. 多媒体集成:背景音乐可通过`<bgsound>`标签实现,但已过时,现代...

    CSS网站布局实录 (第二版)PDF版

    7.7 高度不适应 7.8 IE6断头台问题 7.9 容器不扩展问题 7.10 IE7浏览器的一些变化 第8章 CSS可视化开发与调试 8.1 Dreamweaver 8的CSS可视化开发 8.1.1 对CSS支持的界面变化 8.1.2 可视CSS辅助功能 8.1.3 浏览器检查...

    2018整理的前端面试题

    这个方法同样适用于IE6及以上版本,通过在容器上添加 `zoom: 1` 来触发hasLayout,从而解决IE下的兼容性问题。 #### 方法3:使用 `overflow:hidden` 属性 ```css .clearfix { overflow: hidden; } ``` 简单且有效...

    CSS3+Js实现响应式导航条

    在这些旧版浏览器中,导航条维持固定的宽度和高度,以及相应的浮动样式,确保在不支持Media Queries的浏览器中,导航条也能保持一个基本的功能性和视觉效果。 而对于支持Media Queries的现代浏览器,可以使用@media...

    DIV+CSS网页设计规范

    - **设置固定宽度**:为元素指定固定宽度,一般不设置高度,除非有特殊需求。 ```css .fixed-width { width: 100px; } ``` - **临时边框**:在调试时,可以通过添加边框来辅助查看元素布局。 ```css .debug-...

    前端面试题汇总

    - **行内元素**: 如`span`, 不独占一行,不能设置宽度和高度。 - **块级元素**: 如`div`, 占据整行,可以设置宽度和高度。 - **设置**: 行内元素可以设置`padding`和`margin`的垂直值。 **23. 外边距重叠** - **...

Global site tag (gtag.js) - Google Analytics