lzth.net
当前位置:首页 >> CSS内容超出了容器怎么办? >>

CSS内容超出了容器怎么办?

overflow:hidden;

在标准的正常的情况下,只能使用绝对定位: #father{position:relative;width:400px;padding-top:200px;}#son{position:absolute;width:600px;left:-100px;top:0px;height:200px;} 父容器定位设置为 relative ,子容器为 absolute ,手动指定宽度...

在外层div标签加一个word-wrap: break-word;属性,表示当内容超出宽度时自动换行。

.father{ width:100%;//这里宽度任意,父元素}.son{ width:150%;//子元素设置宽度只要大于100%就可以了}这里要注意父元素不能设置overflow:hidden;属性,否则超出部分会隐藏的。

应该这样写: 容器{overflow-x:auto;white-space:nowrap;} (兼容IE6、IE7、FF) 在这里只用overflow是不够的,因为当文字长度超出容器宽度时浏览器会自己将文字换行,横向的滚动条并不会出现(除非是连接的英文字母并且字母之间没有空格)。在这里...

因为你的文字大小高度,超出了容器的高度.你文字高度是2.8rem.但是你的容器高度是由行高.line-height控制.所以文字高度高于容器高度了

长度? 您指的是高度 还是宽度? 如果是高度,CSS不要设置高度即可。 如果宽度的话,不设置宽度,默认为100%宽的

body{ word-break: break-all;/*body里面加这句*/ }

指定文档类型,给所有父对象指定高度,给三个DIV指定30%高,并设overflow:auto;如: 1 2 3

p { font-size: 14px; margin-right: 5px; border-right: 1px solid #ddd; padding-right: 5px; width: 14px; float: left; } 我的家乡很美丽1,我的家乡很美丽2,我的家乡很美丽3,我的家乡很美丽4,我的家乡很美丽5,我的家乡很美丽6。 var s...

网站首页 | 网站地图
All rights reserved Powered by www.lzth.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com