如何使浮动div响应

我有一个浮动div编码的注册页面。但是，它无法以响应的方式完美加载。我想做一个固定的高度，以确保当用户在不同的设备上查看时，背景色#ebebeb将被修复。不幸的是，当我试图改变高度的百分比时，这并没有什么不同。如何使浮动div响应

https://jsfiddle.net/Snurainiyakob/V4u5X/892/

CSS

.modaloverlay .regmodal { 
    background-color: #ebebeb; 
    height: 100%; 
    position: relative; 
    margin: 0 auto; 
    -webkit-overflow-scrolling: touch; 
} 

@media (min-width: 60em) { 
    .modaloverlay .regmodal { 
    height: 87%; 
    margin: 5% auto; 
    max-height: 57em; 
    max-width: 66em; 
    width: 29%; 
    } 
} 

.modaloverlay .regmodal > iframe, .modaloverlay .regmodal > div { 
    border: none; 
    height: 100%; 
}

来源

2015-11-04 SitiNuraini Yakob

你可以在小提琴中显示html和css吗？或者你可以给网页的网址 –

https://jsfiddle.net/Snurainiyakob/V4u5X/892/类似于这样的 –

它可能是一个问题，您使用的弹出 –

您可以设置overflow:hidden到包装袋中

所有元素

CSS

.modaloverlay .regmodal { 
    background-color: #ebebeb; 
    height: 100%; 
    position: relative; 
    margin: 0 auto; 
    -webkit-overflow-scrolling: touch; 
    overflow: hidden; 
}

来源

2015-11-04 09:28:58

不响应，因为我无法滚动下载表格 –

你能告诉我们你的HTML标记 –

https://jsfiddle.net/Snurainiyakob/V4u5X/892/类似这样 –

这是一个长镜头，不知道你的布局，但你看着使用视高？一个元件的高度是自动正比于设备的视口中的用户是：

.element { 
    height: 75vh; 
}

上面将基本上确保.element是任何设备的视区为75％的高度。同样，您也可以使用vw来实现视口宽度相同。

来源

2015-11-04 10:37:34

如何使浮动div响应

回答

相关问题