是HTML中最基本的盒子,使用CSS來對其進行布局和樣式的設置。其中比較常見的是使用div進行右排列。下面我們來詳細了解一下div右排列的CSS設置。
使用CSS中的float屬性可以讓div進行向右浮動。這樣,如果我們在HTML中先添加一個要排列的內容,再添加float: right的div,那么這個div就會出現在內容的右邊了。具體代碼如下:
p { overflow: hidden; /* 清除浮動 */ } .right { float: right; }在HTML中的代碼如下:
注意,一定要在要排列的內容之前先添加div,否則div會擠到內容的下方。 除了使用float屬性,我們還可以使用CSS中的position屬性讓div進行右排列。具體代碼如下:要排列的內容
右排列的div
.right { position: absolute; right: 0; }同樣需要在HTML中先添加要排列的內容,再添加這個div,并且它的position屬性只有在父元素position屬性不是static的時候才會生效。 綜上所述,使用CSS讓div進行右排列還是比較容易的。選擇適合自己的CSS屬性和方法就可以了。
上一篇css里面設置空格
下一篇div加css怎么做表格