div标签的箱子分布

最新推荐文章于 2023-03-09 23:17:17 发布

原创最新推荐文章于 2023-03-09 23:17:17 发布 · 424 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div

div箱子分布专栏收录该内容

1 篇文章

订阅专栏

div就相当于一个箱子，内置一个两个div就相当于内部再放一个两个箱子

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


<style type="text/css">
#div1{
border:1px solid red;/* 显示div边框，solid表示实心线 */
background-color: ;
float: left;/* 小箱子往左边靠 */
width:29%;/* 小箱子占据的宽度 */
height:100%;/* 小箱子填满整个页面 */

}
#div2{
border:1px solid green;
background-color:;
float:right;
width:70%;
height:100%;
}
#div3{
border:1px solid green;
background-color: ;
float:left;
width:100%;
height:50%;
}
#div4{
border:1px solid green;
background-color:;
float:left;
width:100%;
height:50%;
}
</style>
</head>
<body >
<a id="a1" href="http://baidu.com" style="text-decoration: none;">超链接标签下划线的颜色</a>
<b><i>实现粗斜体</i></b><br>
<div id="div1" >