當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

按照百分比分割页面

發(fā)布時(shí)間：2023/12/31 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了按照百分比分割页面小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

今天寫一個(gè)最輕松的，怎么把一個(gè)頁面按照百分比分割？

首先來看下效果：

接下來看看代碼：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>按照百分比分割頁面</title><style>body{ margin:0 auto;padding:0;height: 100%; } html {margin:0 auto;padding:0;height: 100%; }#a{height:60%;border:1px solid red;}#b{height:40%;border:1px solid black;}</style></head><body><div id='a'></div> <div id='b'></div></body> </html>

總結(jié)

以上是生活随笔為你收集整理的按照百分比分割页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。