html css section,Section in HTML & CSS

最新推荐文章于 2023-10-25 18:05:59 发布

AR新视野

最新推荐文章于 2023-10-25 18:05:59 发布

阅读量167

点赞数

文章标签：网页布局段落显示 CSS 绝对定位新手问题

After creating my Header, I would like to put a Section with a paragraph but the problem is that I don't see my paragraph in my page.

Here is an example:

test

Why my Section is hidden? I forgot a step? I can solve my problem with the property: margin-top but I think it is not recommended.

Thank you for your help, I am a beginner.

Here is my code below

body{

margin: 0px;

padding: 0px;

}

header{

font-size: 11px;

font-weight: 700;

color: #777;

line-height: 20px;

}

.banner {

height: 550px;

width: 1366px;

position: absolute;

}

.transparent{

position: relative;

background-color: black;

opacity: 0.5;

height: 100px;

width: 1366px;

padding-top: 8px;

}

.page-left{

top: 1px;

color:white;

position: absolute;

display: inline-block;

left: 430px;

}

.page-left-languages{

top: 1px;

color:white;

position: absolute;

display: inline-block;

left: 515px;

}

.page-right{

top: 1px;

color:white;

position: absolute;

display: inline-block;

float: right;

right: 134px;

}

.page-right-login{

top: 1px;

color:white;

position: absolute;

display: inline-block;

float: right;

right: 80px;

}

nav{

position: absolute;

top: 44px;

float: right;

right: 92px;

}

nav ul{

list-style: none;

}

nav ul li{

display: inline-block;

font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;

font-size: 14px;

font-weight: bold;

text-transform: uppercase;

line-height: 27px;

}

nav ul li a{

padding: 8px 16px;

text-decoration: none;

color: #FFF;

text-decoration: center;

border-radius: 3px

}

nav ul li a:hover{

background-color: #FFF;

color: black;

}

.active{

background-color: #cd2122;

color: #FFF;

padding: 8px 16px;

border-radius: 3px;

}

.background-color-one{

position: absolute;

color: #fff;

font-size: 28px;

line-height: 1.3;

border-left: 5px solid #fff;

background-color: #000;

left: 20px;

bottom: 290px;

padding: 0px 15px 0px 15px;

}

.background-color-two{

position: absolute;

color: #fff;

font-size: 30px;

line-height: 1.3;

background-color: #000;

left: 20px;

bottom: 215px;

padding: 10px 10px 10px 10px;

}

.background-color-three{

position: absolute;

color: #fff;

font-size: 16px;

line-height: 1.3;

background-color: black;

opacity: 0.5;

left: 20px;

bottom: 180px;

}

Portfolio

Languages

Support

7.6%-18% daily for 16 days

Min deposit $10-Max deposit $50,000

We accept Perfectmoney,Payeer and Bitcoin

test