привет, ребята, мне нужна помощь, я пытаюсь сделать полную ширину навигации, но ее внутри оболочки имени div, которая установила ширину 900 я не могу представить, как я могу это сделать, я не хочу для создания другого div, подобного заголовку, мне нужен способ, которым я могу установить всю ширину чего-либо внутри обертки, для меньшей кодировки здесь является HTML. P.S пожалуйста, код легко понять, что им просто новичок ..как сделать полную ширину, когда у вас есть контейнер
<html>
<head>
<title>MY TITLE</title>
<link rel="stylesheet" href="design.css">
</head>
<body>
<div class="full">
<div class="box">
<h1>HEAD</h1>
</div>
</div>
<div class="wrapper">
<div class="list">
<ul>
<li>Home</li>
<li>About Us</li>
<li>Contact Us</li>
</ul>
</div>
</div>
</body>
</html>
, а вот CSS
*{
padding:0px;
margin:0px;
}
.wrapper{
margin:0 auto;
width:900px;
border:1px solid red;
background:green;
}
.full{
width:100%;
background:black;
}
.box{
text-align:center;
color:red;
width:500px;
margin:0px auto;
background:black;
}
.list{
margin:0 auto;
width:500px;
}
ul li {
display:inline;
list-style-type:none;
padding-right:30px;
}
Как вы хотите, чтобы вещи внутри 'div' с классом' wrapper' были шире, чем '900px'? – Jay
Сжатие чего-то большего, чем его контейнер, возможно, но это, конечно, не самая лучшая практика в этом случае. Вы знаете, что у вас могут быть две обертки, верно? Тот, который имеет полную ширину, которая содержит все, что должно быть 100% шириной, и внутри, что составляет всего 900 пикселей. – Neil
Это не может превышать 900px, поскольку элемент находится под оберткой, которая равна 900px. он будет занимать 900 пикселей в качестве полной ширины, Вы можете позиционировать фиксированный верх 0., но он всегда будет придерживаться верхней части окна. и он будет на 100% окончен. – Vinayak