html – 将屏幕分成4个矩形,50％高度50％宽度_html-js-css

概述我无法将屏幕分成4个宽度和高度为50％的div. 获得50％的宽度并将它们漂浮在周围是没有问题的,但我怎样才能使每个高度达到屏幕的50％？我猜你已经习惯了你的宽度;同样的事情可以用于你的身高. 例如： <html><head></head><body><div style="background-color:red; width:50%; height:50%; float:left" 我无法将屏幕分成4个宽度和高度为50％的div.
获得50％的宽度并将它们漂浮在周围是没有问题的,但我怎样才能使每个高度达到屏幕的50％？解决方法我猜你已经习惯了你的宽度;同样的事情可以用于你的身高.

例如：

<HTML><head></head><body><div ></div><div ></div><div ></div><div ></div></body></HTML>

如果你运行它,屏幕上将有4个相等的部分,左上角是红色,右上角是蓝色,左下角是绿色,右下角是橙色.

编辑
这适用于以下样式：

HTML,body {        padding:0;        margin:0;        height:100%;        min-height:100%;      }

总结

以上是内存溢出为你收集整理的html – 将屏幕分成4个矩形,50％高度50％宽度全部内容，希望文章能够帮你解决html – 将屏幕分成4个矩形,50％高度50％宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1085496.html

html – 将屏幕分成4个矩形,50％高度50％宽度

发表评论

评论列表（0条）