Rumah > Artikel > hujung hadapan web > html和body的高度100%引发的问题_html/css_WEB-ITnose
html和body的高度100%引发的问题_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:32:551350semak imbas
在写reset css时，一般会有这样的代码：html,body{width:100%;height:100%};
这样会有一个问题，就是body里面div的高度常常是超过了body本身的高度。如图：
实际包含在body里面的div的高度是800px;
这里可以知道html设置height:100%，html的高度就是document的可视高，body由于设置height：100%;继承了html的高度，也是可视高。
所以为了避免这个问题，不要给body设置height：100%即可
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：DIV+CSS实操五：经管系网页内容模块内容添加(二)_html/css_WEB-ITnoseArtikel seterusnya：使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效_html/css_WEB-ITnose