Question

超出div部分的内容不显示怎么办

div高度没有设置，我做的是高度跟着内容一起变
附上截图

Answer 1

1、为了方便操作，我们使用jquery脚本库，先引入脚本文件。

2、html里有一个div，和一个按钮，按钮是用来触发div高度变化的。

3、按钮事件函数如图，我们先使用jquery的width方法来得到div当前的宽度。

4、然后计算div的高度，假设高度要设置为宽度的60%，我们就 x 0.6。

5、方法最后使用jquery的css方法来设置它的高度。

6、运行页面，看到当前div的宽度和高度。

7、点击按钮后，可以看到现在div的高度已经是宽度的0.6倍了。

Answer 2

你的div是不是加了属性 overflow:hidden了？去掉试试
高度设置成auto吧;
另外要看看你的div外层容器有没有高度限制

追问

没有overflow:hidden，高度之前是auto，但是结果还是一样

追答

能贴出这里的代码看看吗？我想看看div是否有外层容器以及该容器的高度设置；
再看看你的 “高度跟着内容一起变”的代码

Answer 3

如果高度跟着内容一起变，内容应该不会超出div，是不是父级div设置了高度，并overflow设置为了hidden？将overflow设为auto试试

Answer 4

你的div的父元素（一切父元素都算）有没有设置overflow:hidden？

PS：简易你使用浏览器的F12功能检查你的代码

追问

该页面所有div都没设置overflow：hidden，顺便一提，给我讲讲F12是什么功能怎么用，谢谢

追答

你可以贴出你的代码，我帮你看看，

关于浏览器的调试功能（即：F12），你可以百度一下

追问

文章内容是包含在pagecont里的，pagtecont包含在pagecontents

iframe标签里的height=100%我也试过去掉了，但是结果是显示的内容更少了

下面是iframe里的样式内容

辛苦了，谢谢

追答

你的意思是想把iframe自适应高度吗？

追问

是div自适应iframe内容

Answer 5

给你的div设定一个定值