简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

制作的网页在浏览时下方有多余的空白如何消除

来源:易贤网   阅读:946 次  日期:2016-06-23 09:51:17

温馨提示:易贤网小编为您整理了“制作的网页在浏览时下方有多余的空白如何消除”,方便广大网友查阅!

在使用dreamweaver或者frontpage来制作html网页时,我们有可能会遇到这样的问题:在软件中好好的网页一旦放到浏览器中,就会在网页的下方莫名其妙的多出来或多或少的空白。那么这种空白又要怎么去消除呢?

起先我以为只要在网页的代码中加一个css来约束一下网页的高度就行了,事实证明这样是行不通的。

原因:

首先我们要知道,用软件来写网页的话,大多数都是通过图形化的界面来“堆”网页,这样堆网页的话,在创建层或者表格的时候,软件给层或者表格定义的高度往往会超出我们所想要的高度,但是在软件上是看不出来的;然而,当我们在浏览器中打开网页的时候,我们就会发现,软件中不存在的空白就会在浏览器中显示出来。

而不能仅仅通过添加一个html{height:xxpx;}来约束网页的高度,是因为在网页中,嵌套在元素内部的其他元素的特性会具有更高的优先级。例如:你如果在同一个网页中有如下代码:body{font-size:10px;}p{font-size:9px;}那么该网页<p>元素中字体大小就应该是9px而不是10px了。由于这个规则的存在,网页中层的总高度大于html{height:xxpx;}中xx的值时,html{height:xxpx;}也就自然没有作用了。

解决方式:

像这种用软件写的网页代码,通过去寻找css中关于层或者表格高度的定义,然后修改高度的值,就能去掉网页中不必要的空白了。

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html body标签详解与html常用的控制标记
下一篇:html实现简单计算器附详细思路
易贤网手机网站地址:制作的网页在浏览时下方有多余的空白如何消除
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!