CSS是用來美化網頁的重要工具，其中的樣式定位和浮動是常用的兩種方式。

首先，樣式定位是指通過CSS來定義元素的位置。在CSS中，樣式定位主要包括position屬性。position屬性有四個值：static（默認值）、relative、absolute和fixed。

.box {
position: relative;
left: 50px;
top: 50px;
}

上面的代碼中，我們使用了relative相對定位，將盒子向右移動了50個像素，向下移動了50個像素。其他的定位方式也可以通過改變left、right、top以及bottom屬性來實現元素位置的調整。

其次，樣式浮動是指將元素從原有的位置向左或向右移動，讓周圍的元素環繞著其周圍。在CSS中，常用的浮動方式有left和right。

.box {
float: left;
width: 50%;
}

上面的代碼中，我們使用了float屬性將盒子向左浮動，占據了其父元素的一半寬度。這樣，如果該盒子前面有其他的塊級元素，那么這些元素就會被向下推。其他情況下也可以通過使用clear屬性來制定元素浮動后的行為。

總之，樣式定位和樣式浮動是CSS中非常重要的兩種方式，在實際開發中經常被使用。理解它們之間的區別和應用場景，能夠更好地實現網頁的美化和布局。