国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3 - div中的div無法控制高度?我想控制右邊幾個藍色div的高度

瀏覽:114日期:2023-07-23 16:35:34

問題描述

html:

<head>

<meta charset='utf-8'><meta name='viewport' content='width=device-width, initial-scale=1'><title>test</title><link rel='stylesheet' href='http://www.cgvv.com.cn/wenda/order.css'>

</head>

<body>

<p class='nav'> <h1>Plateform</h1> <ul><li> <p>Order</p> <p id='selected'></p></li><li> <p>Menu</p></li><li> <p>Restuarant</p></li> </ul></p><p class='content'> <p id='left'><ul class='rtab'> <li><p>Manage order</p> </li> <li><p>Completed order</p> </li> <li><p>Closed order</p> </li></ul> </p> <p id='right'> <input type='text' ><button >Search</button> <p class='oders'> <ul class='ctab'><li>All</li><li>Accepted</li><li>Failed</li></ul> <p class='allorders'> <p class='order1'> <p class='title'>dsdsd</p> <p class='userinfo'>dsdsd</p> <p calss='lastt'>dsdsdsds</p>

</p> </p> </p> </p></p>

</body>

css:* {

font-family: Arial;margin: 0 0;

}

body {

background: #333333;

}

.html {

font-size: 6px;h1: 2rem;

}

.nav {

height: 3rem;background-color: #000000;padding-top: 1rem;

}

.nav>h1 {

color: #ffffff;margin-left: 3rem;display: inline-block;

}

.nav>ul {

position: absolute;top: 1.4rem;left: 20rem;display: flex;flex-flow: row-wrap;list-style: none;color: aliceblue;width: 50rem;flex-pack: justify;justify-content: space-around;

}

selected {

position: relative;top: 0.3rem;background-color: #F5B23D;height: 0.5rem;

}

.nav>ul>li {

font-size: 1.5rem;width: 12rem;justify-content: space-around;text-align: center;

}

.nav>ul>li>p {

margin: auto;

}

.content {

display: flex;flex-direction: row;justify-content: space-between;width: auto;margin: 0;padding: 1rem;background-color: #333333;

}

.content p {

margin-top: 0.5rem;width: auto;height: 50rem;

}

left {

background-color: #1F1F1F;margin-right: 1.5rem;margin-left: 1rem;

}

right {

flex-grow: 16;

}

.rtab {

display: block;text-align: center;height: 30rem;width: 10rem;padding-top: 2rem;

}

.rtab>li {

line-height: 3rem;list-style: none;font-size: 1rem;font-weight: bolder;height: 3rem;width: 10.5rem;margin-left: -1.5rem;margin-bottom: 2rem;color: #acacac;

}.rtab>li:first-child {

background-color: #333333;color: #ffffff;

}

search{

width: 36rem;height: 2.5rem;

}

search-button{

width: 10rem;margin-left: 1rem;height: 2.5rem;background-color: #65b59a;color: aliceblue;}

.oders{

background-color: #333333;margin-top: 2rem;

}.ctab{

margin-top: 1.5rem;background-color: #000000;color: aliceblue;list-style: none;height: 3.5rem;margin-bottom: -0.5rem;

}.ctab>li{

display: inline-block;margin-right: 2rem;width: 8rem;text-align: center;font-weight: 800;height: 3rem;line-height: 3rem;

}.ctab>li:first-child{

border-bottom: 0.5rem solid;

}.allorders{

position: relative;background-color: #c1c1c1;padding-top: 0.5rem;height: 10px;width: 10px;

}

.order1{

background-color: aliceblue;height: 1px;margin: 1rem;margin-top: 1rem;}

.title{

height: 1rem;background-color: bisque;height: 1rem;

}

.userinfo{

height: 1rem;background-color: aqua;

}.lastt{

height: 1rem;background-color: #161617;

}

問題解答

回答1:

你的高度是1px

回答2:

在想要的p里面加上css內聯樣式表就好了,比如

<p style='height:20px'>BlaBla</p>

百度一下css獲得更多

PS:這格式真難受= =||

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产一级一片免费播放视频 | 欧美视频在线观在线看 | 亚洲欧美偷拍自拍 | 亚洲欧美自拍一区 | 欧美性一级 | 国产成人福利视频网站 | 成人在线免费观看 | 欧美亚洲一区二区三区 | 成 人 黄 色 免费播放 | 成人老司机深夜福利久久 | 欧美日韩高清性色生活片 | 美国一级毛片不卡无毒 | 厕拍精品| 亚洲成人一区在线 | 亚洲一级毛片 | 美女张开腿让男人桶爽动漫视频 | 日韩欧美国产精品第一页不卡 | 寡妇一级a毛片免费播放 | 亚洲欧洲一二三区机械有限公司 | 日韩欧美国产亚洲 | 在线播放成人毛片免费视 | 成人看片黄a在线看 | 欧美一级欧美一级在线播放 | 99亚洲自拍 | 手机在线成人精品视频网 | 99成人免费视频 | 成年人网站免费视频 | 欧美综合在线视频 | 老司机午夜精品网站在线观看 | 国产乱肥老妇精品视频 | 综合久色 | 手机毛片免费看 | 加勒比毛片 | 大陆精品自在线拍国语 | 国产精品久久久久久久久免费hd | 成人国产一区二区三区精品 | 老司机黄色影院 | 精品久久中文网址 | 99精品欧美一区二区三区美图 | 精品伊人久久久久网站 | 99久久精品6在线播放 |