❶ 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);
}