在CSS中,想要讓盒子靠上最主要的是設置它的上邊距,下面介紹幾種實現方法。
/*方法一:利用相對定位*/ .box { position: relative; top: -20px; /*設置上邊距為負值*/ } /*方法二:利用負的上邊距*/ .box { margin-top: -20px; /*設置上邊距為負值*/ } /*方法三:利用flex布局*/ .container { display: flex; align-items: flex-start; /*設置交叉軸對齊方式為靠上*/ } .box { align-self: flex-start; /*單獨對box設置靠上對齊*/ }
以上三種方法都可以使盒子靠上,選擇哪種方法根據實際情況來定。值得注意的是,使用負的上邊距或者相對定位的方法時,要注意盒子的高度和父元素的高度是否一致。
上一篇css怎么設置圖片彈窗
下一篇css怎么設置圖片右邊