css如何固定表頭

實現(xiàn)頭部導航欄固定用到的屬性是：position:sticky 。

粘性定位元素(stickily positioned element)是計算后位置屬性為 sticky 的元素。盒位置根據(jù)正常流計算(這稱為正常流動中的位置)，然后相對于該元素在流中的 flow root(BFC)和 containing block(最近的塊級祖先元素)定位。在所有情況下(即便被定位元素為 table 時)，該元素定位均不對后續(xù)元素造成影響。當元素 B 被粘性定位時，后續(xù)元素的位置仍按照 B 未定位時的位置來確定。position: sticky 對 table 元素的效果與 position: relative 相同。

首先給任意父節(jié)點設置：verflow:visible；如果是overflow:hidden的話，那就無法滾動了。

例子:

Demo

IDNameGender

1TomMale2AbbottMale3AlanFemale

css:#container{

background: #eee;

width: 150px;

height: 1000px;

overflow:visible;

border:1px solid red;

}

.theadSticky{

position:sticky;

top:10px;

}

table{

border:1px solid red;

}

效果圖：

更多CSS相關技術文章，請訪問CSS3答疑欄目進行學習！

總結

以上是生活随笔為你收集整理的html固定表的属性是什么,css如何固定表头的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。