起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1899|回复: 2

[处理中4] 这个html文件该如何修改?

[复制链接]

8

主题

22

帖子

60

积分

初级会员

Rank: 2

积分
60
QQ
发表于 2016-12-15 10:29:30 | 显示全部楼层 |阅读模式
老师您好!我是初学者。我想尝试一个基本的.html页面,在container部分分为左、中、右三部分,其中左、右部分都有具体宽度、高度,把剩余部分空间留给中间部分。应该怎么写代码啊?
我的代码如下:
<!doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/CSS">
        body{
            min-width: 550px;       
        }
        #header{
            display: block;                       
            margin: 4px;
            padding: 5px;
            min-height: 100px;
            border: 1px solid #eebb55;
            background: #666666;                                                                               
        }
        #container{
            padding-left: 5px;
            padding-right: 5px;
            border: 1px solid #eebb55;
            border-radius: 7px;->
        }
        #container .colume{
            float: left;
            position: relative;
        }
                #left{
            width: 200px;
            height: 600px;
            background-color: #77bbdd;
        }
                #center{
            width: 100%;
            height: 600px;
            background-color: #d6d6d6;
        }                     
        #right{
            width: 150px;
            height: 600px;
            background-color: #ff6633;
        }
        #footer{
            display: block;
            margin: 4px;
            padding: 5px;
            min-height: 100px;
            border: 1px solid #eebb55;
            background: #666666;
            clear: both;
        }
    </style>
    </head>
    <body>
        <div id="header"></div>
            <div id="container">
                <div id="left" class="column"></div>
                <div id="center" class="colume"></div>                               
            <div id="right" class="column"></div>  
        </div>
        <div id="footer"></div>      
    </body>
</html>

请教老师,谢谢!

8

主题

22

帖子

60

积分

初级会员

Rank: 2

积分
60
QQ
 楼主| 发表于 2016-12-15 12:36:50 | 显示全部楼层
怎么客服没反应?
回复 支持 反对

使用道具 举报

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2016-12-15 14:57:02 | 显示全部楼层
你的这个html已经实现这样的效果了  就是想用X5也做一个这样的效果 是吗

可以采用div布局的   然后css定义的class可以放在.css文件里  在.w页面引用就可以了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-25 00:58 , Processed in 0.088395 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表