小编mar*_*nes的帖子

带有嵌套容器的 CSS 响应式容器

我对编码相当陌生。我试图做一个响应式div容器,其中包含一个较小的嵌套容器。任何人都可以提供一些指导吗?

鸡肉牛肉和寿司需要放在右上角的主容器内。我哪里错了?

body {
    margin: 0;
}

h1 {
    color: red;
    text-align: center;
}   

* {
    box-sizing: border-box;
}

p    {
    border: solid black 1px;
    width: 90%;
    height: 200px;
    background-color: red;
    font-size: 10.5px
        
}

.column {
    float: left;
    width: 33.33%
}
    
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
    <title>Assignment</title>
</head>
<body>
    <h1>Our Menu</h1>

<div class="row">
    <div class="column 1">
        <div id="chicken">Chicken</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu …
Run Code Online (Sandbox Code Playgroud)

html css web

1
推荐指数
1
解决办法
47
查看次数

标签 统计

css ×1

html ×1

web ×1