html中的高度百分比 正文{ 身高:100%; 背景色:白色; } .1分部{ 浮动:左侧;光标:指针;边距:0.2%;背景颜色:褐红色;文本装饰:无;宽度:18%;高度:50%;文本对齐:中心; }

html中的高度百分比 正文{ 身高:100%; 背景色:白色; } .1分部{ 浮动:左侧;光标:指针;边距:0.2%;背景颜色:褐红色;文本装饰:无;宽度:18%;高度:50%;文本对齐:中心; },html,css,sharepoint,sharepoint-2010,Html,Css,Sharepoint,Sharepoint 2010,在这里,如果我以像素为单位提供高度,我将包括“body”的高度,如您所见。但它不起作用。你能告诉我怎么了吗?我还忘了提到我在sharepoint中使用了该代码。代码在浏览器中运行良好,但在sharepoint中大小不会改变。添加高度:100;到html、body、a i、 e 和显示:块;到 i、 e 并将.div1的高度更改为100% 你会得到你需要的 jsIDLE:将HTML添加到高度:100%->正文,HTML{height:100%;}无更改…:(当我改变宽度时,宽度是变化的,但只有高度

在这里,如果我以像素为单位提供高度,我将包括“body”的高度,如您所见。但它不起作用。你能告诉我怎么了吗?我还忘了提到我在sharepoint中使用了该代码。代码在浏览器中运行良好,但在sharepoint中大小不会改变。

添加高度:100;到html、body、a i、 e

和显示:块;到 i、 e

并将.div1的高度更改为100% 你会得到你需要的


jsIDLE:

将HTML添加到高度:100%->正文,HTML{height:100%;}无更改…:(当我改变宽度时,宽度是变化的,但只有高度是不变的。你不能让它工作的是什么?这个JSFIDLE显示正在工作的高度:100%,块是50%--
    body{
         height:100%;
         background-color:white;
        }
    .div1{
         float:left;cursor:pointer;margin:0.2%;background-color:maroon;text-decoration:none;width:18%;height:50%;text-align: center;
        }
</style>
</head>
<body>
<a href="https://www.google.co.uk" target="_blank"><div class="div1"><h1>Block0</h1><p>
    It is a floating Block0</p></div></a>

<a href="https://www.google.co.uk" target="_blank"><div class="div1"><h1>Block1</h1><p>
    It is a floating Block1</p></div></a>
body,html,a{
    height:100%;
}
a{
    display:block;
}