ここは幅300px、高さ300pxのdiv要素です。『position: fixed』、『top: 0』、『left: 50px』を指定しています。スクロールしても位置は固定されたままです。
ここはp要素です。『position: fixed』を指定された手前の要素の通常のドキュメントフローで配置されるはずだったスペースは確保されません。なのでこのp要素は位置が詰まって表示されます。