CSS可以對HTML中的元素進行美化和布局,其中固定右側的樣式是經常使用的一種布局方法。
/* 將要進行右側固定的元素選出 */ .element { position: absolute; /* 取絕對定位 */ top: 50%; /* 距頂部50% */ right: 0; /* 距右側0 */ transform: translateY(-50%); /* 將元素上移50%自身高度 */ }
在這段代碼中,先將需要進行右側固定的元素選出,并加上絕對定位,將其距離右側0,并使用transform屬性將元素上移自身一半的高度,使其在水平垂直方向上都居中。
通過上述方法即可實現固定右側元素的布局效果。
下一篇css固定到窗體