0
У меня возникли проблемы с исправлением проблемы в моем коде html/css для атрибута position. Я пробовал w3 и много сообщений stackoverflow/exchange относительно этого атрибута безрезультатно. Я хочу иметь слово «Социальный» справа и внизу с фиксированным положением, чтобы я мог прокручивать его в том же месте. Я даже не могу получить его справа и внизу, независимо от того, какое позиционирование оно есть. Пожалуйста, скажите мне, где моя проблема может возникнуть, поэтому я могу это исправить.CSS postion: fixed
<head>
<meta charset="utf-8" />
<title>Template_</title>
<!--><meta name="generator" content="Geany 1.27" /></-->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
\t .container{
\t \t position:relative;
\t \t width= 100%;
\t \t height= 100%;
\t \t overflow=scroll;
\t }
\t
\t .banner{
\t \t <!--></-->
\t \t position:absolute;
\t \t margin:5px;
\t \t width:90%;
\t \t right: 0px;
\t }
\t
\t .banner .test{
\t \t <!--></-->
\t \t font-weight: 900;
\t \t font-size: 3em;
\t \t margin:10px;
\t \t font-variant: small-caps;
\t }
\t
\t .banner .logo{
\t \t <!-->controls images within banner</-->
\t \t position: ;
\t }
\t .social_bar{
\t \t width: 300px;
\t \t border: 3px solid #73AD21;
\t }
\t #social_strip{
\t \t <!-->post button on either left or right to remain fixed
\t \t through scrolling
\t \t position:fixed;
\t \t right:0;</-->
\t \t position: fixed;
\t \t bottom: 0px;
\t \t right: 0px;
\t }
\t .content_container{
\t \t <!-->contain all content within container, relative to
\t \t overall container</-->
\t \t position: relative;
\t \t margin:5px;
\t \t padding:5px;
\t }
</style>
</head>
<div class="social_bar" id="social_strip">social</div>
<body class="container">
\t <div class="banner">
\t \t <p>Banner</p>
\t \t <div class="test">
\t \t \t <p>Test</p>
\t \t </div>
\t </div>
\t <div class="content_container">
\t \t <p>Content</p>
\t </div>
</body>
Правильно. CSS имел неверный синтаксис, поэтому свойство 'position: fixed' не распознавалось. – thesbros
@thesbros Я не помню, как комментировать css. Но я думаю, что его проблема заключалась в комментариях к стилю. –
спасибо, мне показалось, что я работал .banner .test {font-size: 3em; font-variant: small-caps;} однако все остальное не было. Это должно было быть ключом, но это было странно, потому что эти двое работали. Я пишу свой код в Geany на linux, и он не отличает комментарии/* */как, но сделал это для , поэтому он не нажимал на меня. Спасибо! –