怎样使用DIV+CSS定义

答案:3 悬赏:0 手机版

解决时间 2021-04-14 08:55

提问者网友：骑士
2021-04-13 22:38

DIV+CSS定义一个由一个横行和三个竖列组成的网页？

就是上面由一个横过来的图片图片下面是导航再就是剩下的空间分成3个竖列

知道的请将大致的源代码发上来不要使用TABLE的谢谢

最佳答案

五星知识达人网友：廢物販賣機
2021-04-13 22:50

写好了有事，发晚了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
#wrap {margin:0 auto;width:920px;height:680px;border:1px solid #aaaaaa}
#header {margin:10px auto;height:100px;background:#cccccc}
#content {margin:10px auto;width:900px;height:400px;border:1px solid #aaaaaa}
#content .child {margin:10px 9px;float:left;width:31%;height:380px;border:1px solid #aaaaaa}
#footer {margin:10px auto;height:100px;background:#cccccc}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
</div>
<div id="content">
<div id="left" class="child">
</div>
<div id="center" class="child">
</div>
<div id="right" class="child">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>

截图：

全部回答

1楼网友：上分大魔王
2021-04-13 23:59

#top,#body,#ahead{width:970px;margin:0 auto;}

#ahead li{float:left;}

#body .left{width:240px;float:left;}

#body .mid{width:360px;float:left;margin-left:5px;}

#body .right{width:360px;float:left;margin-right:5px;}

2楼网友：你哪知我潦倒为你
2021-04-13 23:51

<style>

#top{}

#menu{}

#menu ul li {}

#main{margin:0 auto;width:860px;}

#main #left{width:230px;float:left;}

#main #middle{width:310px;float:left;}

#main #right{width:310px;float:left;}

</style>

<ul>

</ul>

</div>

</div>

随便写了下。希望对你有帮助

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息