接下來要對物件的位置做更新
#bbclogo {
float: left;
top: -5px;
width: 92px;
height: 39.5px;
border-right: 1px solid #E5E5E5;
}
我們要對logo這個盒子做哪些事捏
首先 float: left是說我們的對齊方式
字面上的意思就是我們要將這個物件靠左
也就是在藍色這個盒子的最左邊
由這個我們可以學到位置的方式
分別有 Position、Float的差異 可參考以下
Position、Float
告訴瀏覽器說 我們要 靠左
接下來接下來top: -5px 是微調高度 本來的高度目測跟官網比起來過低 所以像上調5px
並且給予這個BBC logo 盒子的長寬
border-right: 1px solid #E5E5E5 是要給予原先的分隔線 在bbc的右側 並且給上灰色
iThome鐵人賽
看影片追技術