水平自适应问题

  • Post author:
  • Post category:其他


方法一、采用百分比


.left

{

width

:

20%

;

float

:

left

;
}

.center

{

float

:

left

;

width

:

50%

;
}

.right

{

float

:

left

;

width

:

30%

;
}

方法二、采用绝对定位

采用绝对定位将元素固定在浏览器窗口的某个位置。


.left

{

position

:

absolute

;

top

:

0

;

left

:

0

;

width

:

200px

;
}

.center

{

margin-left

:

0


200px

;
}

.right

{

position

:

absolute

;

top

:

0

;

right

:

0

;

width

:

200px

;
}



版权声明:本文为Elna_99原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。