css自适应

时间 2019-12-05

标签 css 自适应栏目 CSS 繁體版

原文原文链接

1、顶部标题自适应html

<html>
    <head>
        <title>顶部标题</title>
        <style>
            body{padding:0;margin:0;}
        </style>
    </head>

    <div style="width:100%;height:50px;line-height:50px;background-color:rgba(35,33,31,.2);">
        <div style="width:50px;height:50px;line-height:50px;background-color:#f00;position:absolute;top:0;left:0;text-align:center;color:#fff;">返回</div>
        <div style="padding:0 60px;"><input type="text" style="width:100%;height:50px;border:1px solid black;padding:0 10px;" placeholder="请输入检索条件"/></div>
        <div style="width:50px;height:50px;line-height:50px;background-color:#00f;position:absolute;top:0;right:0;text-align:center;color:#fff;">检索</div>
    </div>
</html>

1. div css 自适应
2. css 表格自适应
3. html+css 图片自适应
4. CSS自适应布局分
5. CSS+DIV自适应布局
6. CSS 页面自适应
7. css自适应布局
8. css 自适应布局
9. css宽高自适应
10. CSS自适应布局
更多相关文章...
• jQuery Mobile CSS 类 - jQuery Mobile 教程
• CSS 指南 - 网站建设指南
• 适用于PHP初学者的学习线路和建议
• TiDB 在摩拜单车在线数据业务的应用和实践