添加填充到特定div使我的页面菜单加倍

时间:2018-04-09 15:59:04

标签: html css

添加填充,边距,与我页面上的文本元素的一般距离,我的顶级菜单类型"镜像"在页面上,我在页面中间得到一个非功能性的第二个菜单。与第二个相同,并切入所有其他元素,如图像,文本等。颜色和所有其他方面仍然保留在新菜单和页面上。

HTML code:

private string question = "1. The word 'virile' means what?\na. Like a rabbit\nb. Like a man\nc. Like a wolf\nd. Like a horse\n"; // your question

string ans = "Like a man"; // your answer
string[] allAnswers = question.Split('\n');

   for (int i = 1; i < 5; i++) { // index 0 contains the question
       if (answers[i].Contains(ans)) {
            Reply(answers[i][0].ToString()); // toString since [0] returns the first char, in your case will be the answer.     
        }

    }

CSS代码:

<!DOCTYPE html>
<html>
<head>
    <title>something</title>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body class="fade-in">

<div id="meny">
    <div id="menyknapp1">
        <div class="dropdown">
            <button class="dropbtn">Mobile Enheter</button>
            <div class="dropdown-content">
        <a href="">Enheter</a>
        <a href="">Operativsystemer</a>
            </div>
        </div>
    </div>
<div id="menyknapp2">
        <div class="dropdown">
            <button class="dropbtn">Teknologi</button>
            <div class="dropdown-content">
        <a href="">Webtjenester</a>
        <a href="">Teknologier</a>
            </div>
        </div>
    </div>
</div>
</div>
<div id="bilde1">
    <img src="Technology.png" style="width: 400px; height: 350px;">
</div>
</div> </div>
<div id="tekst">
    <p> text
</p>
</div>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

它与.dropdown-content css定义中的绝对位置有关。

也许需要一些时间来了解绝对定位的工作原理: https://www.w3schools.com/css/css_positioning.asp