横屏屏是指屏幕的横向宽度大于屏幕的长度。在这种情况下，将元素设置为“position: absolute”；并在其垂直方向上使用“top”和“bottom”属性进行定位。例如：
“`css
.parent {
width: 800px;
height: 600px;
position: absolute;
top: 0;
bottom: 0;
background-color: blue;
将上述代码中的“.parent”元素设置为父元素，并将其宽度和高度设置为屏幕宽度和高度，然后将其定位在屏幕底部。当横屏屏时，它将位于屏幕底部。
相反，如果屏幕的宽度小于元素的宽度，则元素将被视为竖屏屏。在这种情况下，将元素设置为“position: relative”；并在其垂直方向上使用“top”和“bottom”属性进行定位。例如：
“`css
.parent {
width: 800px;
height: 600px;
position: relative;
top: 0;
bottom: 0;
background-color: blue;
将上述代码中的“.parent”元素设置为父元素，并将其宽度和高度设置为屏幕宽度，然后将其定位在屏幕顶部。当竖屏屏时，它将位于屏幕顶部。
需要注意的是，这种方法只适用于水平方向上的滚动。对于垂直方向上的滚动，需要使用其他方法。例如，可以使用CSS的“transform”属性来控制元素的滚动方向。
通过使用CSS，大家可以轻松地判断横竖屏屏，并使用适当的样式来布局网页。