html垂直方向溢出,禁用HTML / CSS中的垂直溢出

最新推荐文章于 2022-08-22 16:07:21 发布

周鸟

最新推荐文章于 2022-08-22 16:07:21 发布

阅读量170

点赞数

文章标签： html垂直方向溢出

目前我正在学习

HTML / CSS,我想用

Windows 8风格(metro风格)创建一个博客.但我在禁用溢出时遇到问题.我在< body>中使用了一张桌子html与每个表数据的固定大小.但是每当我在表中的一行中添加一个单元格时,如果该行在x方向上溢出,那么该单元格会自动跳转.

反正有没有避免这个？

这是我的代码的一部分：

CSS：

/***Creating the dashboard in metro style***/

.dashboard {

position: fixed;

top: 10.5em;

left: 0;

padding-top: 1em;

padding-left: 1em;

padding-bottom: 1em;

border: 5px solid white;

overflow-x: scroll;

overflow-y:hidden;

}

td {

border: 3px solid yellow;

float: left;

margin: 0;

color: black;

width: 300px;

font-size: 1.5em;

cursor: pointer;

position: relative;

background-color: white;

}

.tile-1{

background-color: #56d9c9;

color: white;

}

HTML：