鍍金池/ 問(wèn)答/Java  PHP  Python  HTML/ resize元素縮放大小屬性,怎么修改樣式，如下圖代碼

resize元素縮放大小屬性,怎么修改樣式，如下圖代碼

代碼

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style> 
div
{
    border:2px solid;
    padding:10px 40px; 
    width:300px;
    resize:both;
    overflow:auto;
}
</style>
</head>
<body>

<p><b>注意:</b> Firefox, Safari,和 Chrome 兼容 resize 屬性.</p>

<div>調(diào)整屬性指定一個(gè)元素是否由用戶可調(diào)整大小的。</div>

</body>
</html>

默認(rèn)效果

clipboard.png

我想要的效果，黃色區(qū)域的功能和resize的功能一樣，可以上下拖動(dòng)，但是綠色區(qū)域要隱藏掉

webapp，手勢(shì)上下拖動(dòng)黃色區(qū)域，可以讓灰色線以下的div,高度隨著上下改變大小

clipboard.png

回答
編輯回答
悶騷型

這個(gè)是需要js實(shí)時(shí)計(jì)算大小和位置的，css是做不到的

2017年1月11日 22:08