解决网页高度height="100%"不起作用的问题

最新推荐文章于 2019-10-10 23:29:30 发布
最新推荐文章于 2019-10-10 23:29:30 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： HTML 文章标签： dreamweaver xhtml html
用VS2005和Dreamweaver8将网页表格高度设为"100%"，但显示时表格高度并为占满屏幕。上网查找解决方法，后终于找到原因，不是表格样式设置的问题，只需改动一句：
    将页面源码中的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
改为
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
就可以了。以前也从来没想到过这句话还有这么重要的作用！ 

 
powerboy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html如何设定盒子的高,css 高度height设置
weixin_39647180的博客
06-05 2913
css height【css 高度】教程height翻译成中文也是高、高度意思。在CSS样式中高度样式设置也是height来布局。几乎每个网页布局都会用到css高度height样式，特别是布局局部时候对局部高度固定就需要设置css height样式来实现。一、height语法与结构height语法：height : auto | lengthheight 参数值解释：auto : 　无特殊定位，根...
html页面高度和宽度,html和body元素的高度和宽度
weixin_42452924的博客
06-04 3760
您的html实际上完全延伸到视口的100％高度,因为视口这里是浏览器窗口,而不是内部内容.very much content#div1 {height:300px;overflow-y:scroll;border: 1px solid black;}#div2 {height:100%;}#div3 {height:600px;}这里div1的高度为300px并且滚动.滚动内容时,只需移动内部di...
dreamweaver中灵活的调整表格的宽高
热门推荐
穷途有路，绝处永生
11-22 2万+
在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到放下鼠标，表格却又恢复到原来的样子。 出现这种情况的原因在于我们已经为表格提供了一个固定的高度，当我们要改变表格的高度，尤其是压缩表格的时候，表格的高度仍然保持原来的设定值，其直观表象就是无论你怎样拖动表格的边框，表格的高度都不会变化。 在这种情况下，我们只需要去除掉表格高度的设定
设置height:100%;无效果的解决方法
maid_04的博客
05-15 2632
用css设置样式时，width:100%会自动填满整个屏幕的宽度，所以觉得设置height:100%也会有同样的效果，但确实是被打脸了，设置height:100%时，只会自动适应子元素的高度，想要填充整个屏幕的高度，只给该元素设置height:100%是无法实现的。 在正常的HTML中，要使该元素自动填充整个屏幕的高度，必须给他的所有父级元素也设置height：100% &lt;h...
解决网页高度100%不起作用的问题
来老师的专栏
12-23 4830
在过去的网页制作中，我们可以设定网页中表格的高度为100%从而使其充满这个页面，但在asp.net2.0下，发现这个设定不起作用了，通过从网上查阅资料，发现了解决办法有两种：1. 将改为就可以了。 因为在xhtml1.0中，这个height属性没有了。 2. 分析其原因，只是因为容器的高度还没有生成而已，CSS都是在Html代码的最上面，整个容器中的内容还没有完全载入，所以也不能获得页
CSS网页布局中的最小高度问题的解决方法
12-29
假定有二个BOX，我们需要它的最小高度为150...最小高度可以设定一个BOX的最小高度， 当其内容较少时时，也能保持BOX的高度为一定 最小高度可以设定一个BOX的最小高度， 当其内容较少时时，也能保持BOX的高度为一定<
一个手机自适应的网页效果解决显示页面很小的问题
12-04
工作需要，要做一个手机自适应的网页效果，终于搞定，先分享并记录！ ...在网页中加入以下代码，就可以正常显示...width – viewport的宽度 height – viewport的高度 initial-scale – 初始的缩放比例 minimum-scale –
IE6下不能设置height:1px的元素是什么原因如何解决
01-19
在用DIV构建网页的时候，有时候需要的高度很小，这时候就可能会出现问题，因为，IE6下DIV有个默认的高度，大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于...
手机互动网页项目总结（下）
03-03
1、TGA移动游戏官网TGA城市拉力赛2、UP+...问题：自适应高度/宽度的flex元素内，子元素尺寸以百分比为单位（如height:100%）无效。解决：需要将子元素设为绝对定位。问题：在ios系统的浏览器中，页面加载时偶尔会出现抖
js获取屏幕有关数据
✿孙小喵 ❤ 苏大宝✿
08-10 368
var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight; JS获取屏幕高度var s = ""; s += " 网页可见区域宽："+ docume
safari中高度100%失效问题及解决方案
weixin_34391445的博客
05-30 5075
这是一个在Vue项目中嵌套iframe产生的问题，具体表现为：在Safari浏览器中，页面渲染完成后，拉伸页面宽度，iframe中的内容高度溢出，且无法滚动到溢出部分。chrome、firefox都没有发生这个问题，虽然知道是CSS在Safari中的解析差异引起的，但具体是什么原因，还需要做定位，避免后续同类问题的采坑。vue项目源代码大致如下：<html> <head&...
网页的Width ，Height
weixin_30654419的博客
12-27 237
Jquery中可直接用接口$().height(); 获取浏览器窗口高$(window).height() 获取内部文档高$("body").height() 原生JS 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包...
JAVASCRIPT获取HTML网页的各种高、宽(Height、Width)
鞠勇鸿的技术专栏
12-14 1246
网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth
为什么设置 height 100% 不起作用
HELLO WORLD
10-05 1449
按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页面的竖向空间里占满100px的高度。 请看以下代码： <html> <body> <div style="height: 100%;"> &...
网页各种高度
ZW_ei的博客
01-29 970
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽： docu
解决html设置height：100%无效的问题
weixin_30733003的博客
02-11 271
通常我们需要让自己的网页内容能够更好的适配各种屏幕大小，会采用height：100%，但是我们发现问题出来了，height：100%无效，其实解决办法很简单 解决：你只需要在css处添加上html, body{ margin:0; height:100%; }即可。 原因：你让div的height="100%"，执行网页时，css先执行到，而整个网页中的内...
Flex布局中的flex-grow无效问题
小妖666个人笔记
10-10 3582
今天用flex布局画table，当设置表头间距的时候用到了flex-grow属性，全部设置成1后并没有出现距离等分的效果。 lex-grow重点在 lex-grow重点说明落在 剩余 这两个字上，父元素剩余的空间，那什么算父元素剩余空间呢，简单的理解就是(父元素的宽度-子元素总和的宽度)，这里有两种情况： (1)子元素没有设置宽度：那么整个父元素的宽度就是剩余宽度，这个时候flex-grow可...
<!DOCTYPE html> <html> <head> <title>Live</title> <style type="text/css"> .container_live { display: flex; justify-content: center; align-items: center; height: 100vh; } .wrapper { width: 100%; max-width: 960px; height: 0; padding-bottom: 56.25%; /* 16:9比例的高度 */ position: relative; } #img_live { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } </style> </head> <body> <div class="container_live"> <div class="wrapper"> <img id="img_live" src="test_data/ahri.jpg"/> </div> </div> </body> </html>请检测上面网页语法，图片路径是对的，格式也是对的，网络没有问题，但是图片就是显示不出来，分析为什么
最新发布
05-19
可能是因为图片路径不正确或者图片文件损坏导致的。你可以尝试以下几个解决方法： 1. 确认图片路径是否正确：检查图片路径是否与 HTML 文件中的路径相对应，注意大小写和斜杠方向等。 2. 检查图片文件格式：确认图片文件格式是否正确，比如是 PNG、JPG、GIF 等常见的格式。如果格式不正确，可以尝试将图片转换为正确格式再重新上传。 3. 清除浏览器缓存：有时候浏览器会缓存旧版本的图片，导致新的图片无法显示。你可以尝试清除浏览器缓存，然后重新加载页面。 4. 检查图片文件是否损坏：打开图片文件，看看是否能够正常显示。如果不能正常显示，说明图片文件可能已经损坏，需要重新上传正确的图片文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值