上下布局——内容外撑

最新推荐文章于 2025-07-20 00:31:15 发布
原创 最新推荐文章于 2025-07-20 00:31:15 发布 · 338 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css布局 #css 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    body{
        padding: 0px;
        margin: 0px;
    }
    .container{
        border:1px solid red;
    }
    .header{
        height: 80px;
        background: blue;
    }
    .content{
        background: #ccc;

    }
</style>
<body>
<div class="container">
    <div class="header">header header</div>
    <div class="content">
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容
    </div>
</div>
</body>
</html>
python tkinter 布局_python tkinter学习——布局
weixin_39742568的博客
11-24 2536
目录一、pack()二、grid()三、place()四、Frame()正文布局一、pack()pack()有以下几个常用属性：sidepadxpadyipadxipadyfillexpand1，sideside属性有四个可选值：'top'、'bottom'、'left'、'right'，分别表示将控件位置设在窗口顶部中心、底部中心、左边中心、右边中心。side默认值为'top'。2，padx、p...
【上位机——WPF】布局控件
weixin_39723539的博客
05-18 1159
【上位机——WPF】布局控件
上下布局——内容内撑
ForMyQianDuan的博客
07-16 499
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <style> html,body{ padding: 0px; margin: 0px; /*关键性设置*/ height: 100%;
css【详解】grid布局—— 网格布局（栅格布局）
热门推荐
朝阳39的博客
04-11 6万+
目录 gird布局 和 flex布局的区别 Grid 布局的基本术语 网格布局的使用方法 启用网格布局display: grid 划分列grid-template-columns 绝对值 px 百分比值 % 比例值 fr auto值 minmax()函数值 repeat()函数值 划分行grid-template-rows 自动填充auto-fill 给网格线命名 [] 设置行/列的间距 指定区域 不属于任何区域的单元格，用.表示 多个单元格合并成一个区域 改...
CSS——布局
Fan_web的博客
08-09 2140
本文详细介绍了CSS中的布局，包括文档流、盒子模型和大小、浏览器的默认样式介绍以及补充一些轮廓和圆角的一些知识点。
css布局——盒子模型
aimnr的博客
11-26 1229
前言： 1.看透网页布局的本质 网页布局的过程： 先准备相关的网页元素，网页元素基本都是盒子Box 利用css设置好盒子样式，然后摆到相应位置 向盒子里面装内容 网页布局核心：利用css摆盒子 2.盒子模型（Bxo Model）组成 所谓盒子模型九十八HTML页面中的布局元素看作是一个承装内容的容器 css盒子模型本质上是一个盒子，封装周围的HTML元素，包括：边框，内边距，外边距和实际内容 ...
CSS布局基础——BFC
苦作舟的空城机
08-17 249
博客转载于：https://www.cnblogs.com/yzg1/p/5670684.html CSS布局基础——BFC what's BFC? 第一次看到这个名词，我是拒绝的，css什么时候还有这个东西？于是迫不及待的google了一下，才发现原来它无时无刻不在我们的css当中，只不过它并不是一个属性，不需要我们平常使用手写罢了。但是它的重要性确是杠杠的，可以这么说，没有它就就没...
CSS布局——三大特性+盒子模型
m0_72684019的博客
08-01 198
特性不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式优先级公式继承
深入理解 CSS 盒模型与 Flex 弹性布局 —— 从横向布局到实战解析
最新发布
2302_79797878的博客
07-20 1227
在前端开发中，盒模型和布局是构建网页视觉结构的两大基石。本文将系统讲解 CSS 盒模型（Box Model）及现代布局主力 Flex 弹性盒子模型，结合案例演示、常见误区和实战建议，帮助初学者快速打下稳固基础。
CSS——页面布局
qq_42676176的博客
07-24 1071
CSS——网络布局盒子1.网页布局2.盒子模型组成3.浮动4.定位为5.常见的网页布局总结分析注意（小技巧）：
安卓APP（3）——安卓布局控件
weixin_50546241的博客
09-21 1446
安卓APP（3）——安卓布局控件
vue电商后台管理系统——主页布局（一）
Minnor的博客
06-05 2979
绘制出后台主页的整体布局，然后再绘制出左侧菜单栏，后续还有子菜单页面的开发，例如用户列表、商品分类等等，而每个菜单页面中所需要掌握的内容有很多...
【前端】CSS(3) —— CSS的盒模型与弹性布局
Gujiu的博客
10-31 688
CSS的盒模型与弹性布局, 一起来学习吧! !
移动端 h5开发相关内容总结——CSS篇
强子的专栏
01-06 3万+
1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如下： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) in
关于img标签的src的绝对路径问题
ForMyQianDuan的博客
06-14 3万+
最近做在做图片上传本地预览，就想着，其实直接获取到file.value，取得图片地址，不就能在本地看到图片了嘛，为什么网上还那么麻烦，搞那么多花样来读取图片什么滴。 然而仅仅用绝对路径设置了img的src, 图片是不会显示，浏览器还会报错：Not allowed to load local resource: 所以，做了做测试，查了查资料，分析分析： 在本地查看页面，如下，这种访问路径：fi
兼容ie8 的 rgba()用法
ForMyQianDuan的博客
10-18 4860
css3中的rgba顺手又好用，但是需求要兼容IE8。。。。。。。怒。。所以，还得找出这个写法。诺~~如下：<style> .mask{position:fixed;top:0px;background:rgba(0,0,0,0.5);height:100%;width: 100%;} </style>/*兼容写法*/ <!--[if lte IE 8]> <style> .mask{positio
在outlook中设置<img>大小
ForMyQianDuan的博客
12-30 4278
在outlook中，用style设置img标签大小时，比如你是200px宽高的图， style=”width:200px; height:200px;” 这么定义在outlook就没用。你会发现设置未生效。 查资料后发现要这么操作。把style中定义的width和height提取到style 之外，并且不加长度单位。  width=”200” height=”200”。这样就行了。
解决换行造成元素间空隙的问题
ForMyQianDuan的博客
07-29 2587
<style> html, body { padding: 0px; margin: 0px; } .gd { width: 100px; height: 20px; text-align: center; display: inline-block; /*backgr
获取盒子模型的宽高，获取元素的宽高示例
ForMyQianDuan的博客
04-27 2211
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;获取盒子模型的宽高 &lt;/title&gt; &lt;style&gt; #dv1 {
季度工作汇报专属：圆角矩形创意PPT模板
图文排版则指图文的布局与组合，需保持内容的可读性和美观性。 3. 扁平化图表：扁平化设计是一种强调简洁、明了的视觉风格，它去除了一切不必要的装饰性元素，只保留核心内容。扁平化图表在PPT中用于清晰展示数据和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值