❶ web前端如何让网页布局稳定性和标准性
为了实现网页布局的稳定性和标准性，我们可以从下面几方面努力：
一、 <!DOCTYPE> 标记的重要性。
位 于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准 规范，我们必需在开头处使用<!DOCTYPE>标记为 所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有 效的XHTML文档，并按指定的文档类型进行解析。
<!DOCTYPE> 标记和浏览器的兼容性相关，删除<!DOCTYPE>，就是把如何展示HTML页面的权利交给浏览器， 这 时，IE6，IE7，IE8，Firefox2，Firefox3，Chrome，有多少种浏览器，页面就有可能有多少中显示效果，这是不被允许的。
二、合适地方用到合适的标签
物尽其用人尽其才。 再合适的地方用到合理的标签，对网页布局和优化都有很多的好处，比如logo ，一般我们都用h1 标签包括。 还有理解行内元素和块级元素的区别。
一个页面不要只用div，太多反而太泛滥了。table虽然用的少，但是，再做一些数据处理的时候，还是比较好用的。
三、站在标准流的角度看padding 和 maring 、width等属性稳定性
我们知道页面布局的时候，控制盒子位置距离等，有盒子本身大小，padding和margin来做。
因此，再这里我们会根据稳定性来看这三者的先后顺序：
其中稳定性最好的就是盒子本身的高度和宽度了，我们优先考虑这个。 因此，很多情况下，我们会考虑利用高度剩余法，宽度剩余法来做，而不是padding和margin。
这个评论和下面的文本域框有个小距离， 此时，我们给这个评论一个h2标签，高度正好从评论上方，到文本域上的高度就好了。
h2 里面文字内容默认是靠左上对齐的，高度用不了，就剩下了，这就是高度剩余法。
其次，我们才考虑padding ，因为padding也可以看做特殊的盒子高度和宽度，最后我们再用margin来做。因为margin会有边距合并的问题。
四、标准流、浮动流和定位的稳定性
标准流再里面是最稳定的，就是块级元素上下显示，行内一行显示，都是最稳定的。
浮动和定位都“脱标”了，稳定性没那么稳定，所以，我们应该遵循如下原则：
页面布局，能用标准流去做的不用浮动去做，如果要用浮动做的，就不用定位去做。
五、知己知彼百战百胜
总会有特殊的浏览器，比如ie6 ，这些奇葩浏览器总是有自己独到的地方，那我们怎办? 兵法云，知己知彼百战百胜，因此，需要我们详细的了解这些浏览器自己独特的特性，或者掌握他们ie6常常出现的bug，以及对于css 的理解，那么我们根据他们的不同解析，写出合理的布局。
六、不要让清除内外边距带来麻烦
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
这句话，大家都知道，清除浏览器样式的。但是如果你不加，不同浏览器肯定显示不太一样。所以，css的第一句话就是它。还有就是要使用大部分浏览支持的css属性不至于引起不必要的麻烦。
❷ 如何获取元素距离页面顶部的高度
1、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。
❸ 前端父元素的height是auto，子元素怎么高度100%取不到高度怎么办呢
父层元素需要设置高度值，子层元素百分比高度都是相对于父层的。
也可以使用最新的vh,vw单位，相对于页面高度和宽度的百分比进行设置。
还可以使用js动态获取父层元素的高度并设置父层元素固定的高度，或者设置子层元素的百分比高度。
❹ 前端怎么设置手机端页面高度自适应
那高度你就不要去赋值了，不用写高度不就是高度自适应内容吗，
如果你想的是高度和屏幕高度一样，那就设置成100%；
❺ web前端入门到实战：css让一个盒子的高度自适应屏幕剩余的部分
项目中，移动端要雹颤自适应，由于有时候数誉肆缓据不够，所以导致了有的区域空白
要求：没有数据的时候能够充满屏幕，数据超出屏幕就出现滚动条
做法
1-让容器高度充满这个屏幕
在容器内容很少的情况下，要想让这个庆模容器充满整个屏幕：
`.container{
}`
2-让容器高度充满剩余屏幕高度
要让容器充满屏幕的剩余高度，用 vh 结合 flex 布局就可以实现。
`.content{
}
.header{
}
.content{
}
.footer{
}`
❻ 前段端表格超出页面怎么调整
1. 使用 overflow:auto 属性：将 overflow 设置为 auto，浏览器会自动出现滚动条，用户可以手动控制内容的滚动。
2. 使用 word-wrap:break-word 属性：该属性可以让文本在必要时断行，这样可以避免表格出现超出页面的情况。
3. 使用伏晌 table-layout 属性：该属性可以指定表格如何渲染，它可以帮助表缺或锋格在团裤内容改变时保持一致的样式。
4. 使用 max-width 属性：该属性可以设定表格的最大宽度，这样可以避免表格超出页面的情况。
❼ 前端CSS元素高度问题
<style>
.div1 {display:flex; width:600px}
.div2 {flex:2 0 auto; background-color:#f88}
.div3 {flex:1 0 auto; background-color:#8f8}
.div4 {width:100%; height:100%; background-color:#88f}
</style>
<div class="div1">
<div class="div3">
<div class="div4">aaa</div>
</div>
<div class="div2">
aaaaaaaaaaa<br />bbbbbbbbbbbbb<br />
</div>
</div>
❽ 前端如何得到表格换行后的高度
document.getElementById('id').height();
先获取对象，然后获取高度
❾ 前端show-summary设置高度
前端show-summary设置高度可通过代码实现。
1、html和body标签设置高度100%。
2、想要设置高度自适应的标袭袭升签设置高度100%。
3、高度拍老自适应的标签设置禅孙最大高度。
❿ 前端如何获取遍历的每个item的div高度
这不简单？你既然知道获取的是哪些元素的什么属性，直接遍历即可。
假设要获取的div的className是item，则有：
jQuery：
let arr = new Array();
$('.item').each(function(){
arr.push($(this).width());
});
纯JavaScript：
let arr = new Array();
let divs = document.getElementsByClassName('item');
for(i=0;i<divs.length;i++){
arr.push(divs[i].style.height);
}