社区
CSS
帖子详情
如何让div不撑开父元素
wyf13601111
2011-08-10 10:17:06
如题:如何让div不撑开父元素
我试过了overflow: hidden等方法好像都不行,只有设死div的高度才能不撑开父元素,但是如果其他电脑的屏幕大小不同的话页面div就会乱掉,有什么好办法能让div不撑开父元素???
...全文
1409
15
打赏
收藏
如何让div不撑开父元素
如题:如何让div不撑开父元素 我试过了overflow: hidden等方法好像都不行,只有设死div的高度才能不撑开父元素,但是如果其他电脑的屏幕大小不同的话页面div就会乱掉,有什么好办法能让div不撑开父元素???
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
15 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
XX0604
2011-08-31
打赏
举报
回复
1
首先设置高度和宽度,然后在里面的div加上 overflow:hidden;
让超出来的隐藏。
zzxap
2011-08-29
打赏
举报
回复
clear:both
ealzero
2011-08-29
打赏
举报
回复
把DIV放到表格里,并设置
table-layout:fixed;
word-break:break-all; word-wrap:break-word;
ccqqccqqqq
2011-08-29
打赏
举报
回复
你的问题太不清楚了 我们有心 也无力给你一个满意的答案
最好给出你的代码
jhrxx
2011-08-26
打赏
举报
回复
使用绝对定位
honeyphp
2011-08-24
打赏
举报
回复
[Quote=引用 7 楼 net_lover 的回复:]
父元素设置style="overflow: hidden:height:100px"
既然你想要固定的布局,高度是一定要设置的,否则,不要谈撑出
[/Quote]
说得对...
不过应该是style="overflow: hidden;height:100px"
zhuce0815
2011-08-18
打赏
举报
回复
说的太笼统 发代码看看额
咸魚先生
2011-08-12
打赏
举报
回复
怎么会呢,父级Father{ width:100%; height:100%; overflow:hidden;}子级宽度高度再怎么设都不会溢出
qingYun1029
2011-08-11
打赏
举报
回复
既然是定宽布局那就应该算好,里面的宽度一定不要大于最外面的div宽度。。
孟子E章
2011-08-11
打赏
举报
回复
父元素设置style="overflow: hidden:height:100px"
既然你想要固定的布局,高度是一定要设置的,否则,不要谈撑出
missgd152
2011-08-11
打赏
举报
回复
一定是父元素控制了高度,所以怎么都撑不开。
wyf13601111
2011-08-10
打赏
举报
回复
百分比我设过了啊,不行噢
skylence
2011-08-10
打赏
举报
回复
父元素设置宽度和高度 然后子元素设置成百分比
q107770540
2011-08-10
打赏
举报
回复
长宽都设置成百分比呢
孟子E章
2011-08-10
打赏
举报
回复
父元素不设置样式,div不设置样式就可以啊
你这么问太笼统了;
子
Div
使用Float后
撑开
父
Div
的几种方法
一个
Div
包含了多个子
Div
,并且子
Div
使用了浮动后,
父
Div
确不能被
撑开
,如下图: 部分代码如下: 复制代码代码如下: <style> #
div
1{border:1px solid red;float:left;} #
div
2,#
div
3{float:right;border:1px solid blue;} </style> <
div
id=”
div
1″> <
div
id=”
div
2″>two
div
> <
div
id=”
div
3″>one
div
>
div
> 如果想要
撑开
父
元素
可以采用以下方法: 方法一:
父
元素
设置overflow以及zoom,样式如下: 复制代码
子
元素
div
高度不确定时
父
div
高度如何自适应
在最外层
div
加以下样式 height:100%; overflow:hidden; 其它方法:
Div
即
父
容器不根据内容自适应高度,我们看下面的代码: 复制代码代码如下: <
div
id=”main”> <
div
id=”content”>
div
>
div
> 当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能
撑开
。 我们可以通过三种方法来解决这个问题 1增加一个清除浮动,让
父
容器知道高度。请注意,清除浮动的容器中有一个空格。 复制代码代码如下: <
div
id=”m
div
垂直居中-CSS
元素
垂直居中方法的探究
针对学员疑问“
div
垂直居中?”引出的“CSS
元素
垂直居中一系列方法的探究”的针对性课程,课程包含两方面:1、文本垂直居中的解决方案;2、块级
元素
垂直居中的解决方案。
46种常见的浏览器兼容性问题大汇总
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的
父
元素
(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8.
元素
水平居中问题 3 9.
Div
的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13.
DIV
浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的
div
闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法
撑开
容器的高度 3
子
元素
宽度如何
撑开
父
元素
宽度
子
元素
宽度如何
撑开
父
元素
宽度代码效果如下 一个横向滚动栏,子
元素
高度会自动
撑开
父
元素
的高度,但是好像子
元素
宽度不能自动
撑开
父
元素
的宽度。这是我们需要使用css使子
元素
宽度可以自动
撑开
父
元素
宽度,避免计算
父
元素
的宽度,用到两个主要的css的属性是:(1)横向滚动布局 white-space: nowrap;(2)内部
元素
display: inline-block。 代码 <style> .wrap{width:300px;height:100px;background:#000;
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章