怎么才能解决设置max-height和overflow:auto以后层宽度没变宽里面浮动对象撑不下掉下来问题？

xlz964218798 2014-12-10 04:46:30



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>test</title>

<style type="text/css">

ul{

	width:230px;

	background:yellow;

	overflow:auto;

	margin:0;

	padding:0;

	max-height:240px;

}

li{

	float:left;

	width:100px;

	margin:10px 0 0 10px;

	list-style:none;

	background:red;

	height:100px;

}

</style>

</head>



<body>

<ul>

	<li></li>

	<li></li>

	<li></li>

	<li></li>

	<li></li>

	<li></li>

</ul>

</body>

</html>

放4个li能撑下没问题，多了出现滚动条以后怎么办？

...全文

1030 8 打赏收藏转发到动态举报

写回复

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

xlz964218798 2014-12-11

打赏
举报

回复

引用 7 楼 liyuedan 的回复:

[quote=引用 5 楼 xlz964218798 的回复:] [quote=引用 4 楼 liyuedan 的回复:] 我也查不到，我是刚刚偶然在谷歌浏览器的查看代码中找到的……

这个属性IE不支持啊[/quote] 对哦，其他没办法了，，那如果想在一行上，就把li的margin设小一点喽[/quote] 可以用JS控制吧 if($("ul").height()==240) { $("ul").width(230+17) }

滴滴月空雨 2014-12-10

打赏
举报

回复

引用 5 楼 xlz964218798 的回复:

[quote=引用 4 楼 liyuedan 的回复:] 我也查不到，我是刚刚偶然在谷歌浏览器的查看代码中找到的……

这个属性IE不支持啊[/quote] 对哦，其他没办法了，，那如果想在一行上，就把li的margin设小一点喽

xlz964218798 2014-12-10

打赏
举报

回复

引用 4 楼 liyuedan 的回复:

我也查不到，我是刚刚偶然在谷歌浏览器的查看代码中找到的……

貌似只有chrome支持 IE FF都不支持

xlz964218798 2014-12-10

打赏
举报

回复

引用 4 楼 liyuedan 的回复:

我也查不到，我是刚刚偶然在谷歌浏览器的查看代码中找到的……

这个属性IE不支持啊

滴滴月空雨 2014-12-10

打赏
举报

回复

我也查不到，我是刚刚偶然在谷歌浏览器的查看代码中找到的……

xlz964218798 2014-12-10

打赏
举报

回复

引用 2 楼 liyuedan 的回复:

overflow：hidden；改为overflow: overlay; 试试

overlay是什么属性，查不到啊

滴滴月空雨 2014-12-10

打赏
举报

回复

overflow：hidden；改为overflow: overlay; 试试

滴滴月空雨 2014-12-10

打赏
举报

回复

什么意思没听懂

一. overflow:hidden 溢出隐藏给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。 /*css样式*/ <style type="text/css"> div{ width: 150px; height: 60px; background: skyblue; overflo...

当父元素设置为overflow：auto时，后代position：absolute的元素依然会把父元素撑开。如下图，下拉框的定位是absolute。去掉父元素overflow：auto后显示等待解决办法！！！！！！！！转载于:https://www.cnblogs.com/xwtcm/p/7489656.html...

overflow属性溢出的内容处理相关属性值： overflow:hidden;溢出隐藏 overflow:scroll;显示滚动条【不管是否溢出，一直存在】 overflow:auto;溢出时显示滚动条 overflow:visible;默认 text-overflow属性溢出显示 text-overflow:clip;不显示省略号，默认的 text-overflow:ellipsis;单行文本溢出时显示省略号 white-space属性 white-space:normal;默认 white-sp

我正在尝试使用 CSS 过渡制作向下滑动。从 height: 0; 开始。悬停时，高度设置为 height:auto;。然而，这导致它只是出现，不是过渡，如果我从height: 40px;到height: auto;，那么它会滑到height: 0;，然后突然跳到正确的高度。如果不使用 JavaScript，我还能如何做到这一点？#child0 { 高度：0;溢出：隐藏；背景颜色：#dedede； -moz-transition：高度 1s 轻松； -webkit-tran

一、div內容溢出 .remark-div { overflow: auto; height: auto; max-height: 100px; } 1、溢出　　overflow :auto时，内容超过指定高度会出现滚动条　　overflow：hidden时，不显示超过对象（div）尺寸的内容 2、需要設置高度　　max-height 設置...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章