- 效果:
代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style="overflow-y: auto;overflow-x: auto;width: 400px;height: 400px;background-color: red;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</body>
</html>
-
其中的重点是:
overflow-x: ;
overflow-y: ; -
想要在横向有滚动条就:
overflow-x:auto;
overflow-y:hidden;