моя форма не отображается должным образом

На скриншоте, который я разделял, вы можете увидеть форму, при этом четко видно, что форма показана с помощью полосы прокрутки (то есть в форме много контента для отображения). То, что я пытаюсь достичь, просто отображает всю форму на родительском веб-сайте. Я поделился html, а также css главной страницы видимым, чтобы вы могли посмотреть и предложить, чтобы изменения были сделаны для этого. моя форма не отображается должным образом

код Эта страница является

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Control Panel 
    </title> 
    <script src="http://localhost:1211/js/main.js"> 
    </script> 
    <link rel="stylesheet" type="text/css" href="http://localhost:1211/css/main.css"> 
</head> 
<body> 
    <header> 
     <?php echo "USERNAME"?> 
     <span> 
      <a id = "log" href="">Logout</a> 
     <span> 
    </header> 
    <hr> 
    <nav> 
     <a href="#" onclick="add()"><button>Add Record</button></a><br><br> 
     <a href="#" onclick="update()"><button>Update</button><br><br></a> 
     <a href="#" onclick="query()"><button>Perform Query</button></a> 
    </nav> 
    <section id="workarea"> 
    </section> 
</body>

и соответствующий КСС

header 
{ 
padding-left: 30px; 
display:inline; 
} 

hr 
{ 
    margin-top: 10px; 
} 

#log 
{ 
    float: right; 
margin-right: 20px; 
} 

nav 
{ 
float: left; 
padding-top: 100px; 
width: 20%; 
height: 500px; 
border-style: solid; 
border-left-color: #FFFFFF; 
border-top-color: #FFFFFF; 
border-bottom-color: #FFFFFF; 
border-width: 2px; 
} 

section 
{ 
float: right; 
margin-top: 100px; 
width: 78%; 
height: 500px; 
}

Пожалуйста, предложите мне изменения мне нужно сделать для того, чтобы отобразить форму в целая область «nav». Ваша помощь очень ценится

источник

2016-06-29 Aashish Ailawadi

Не знаю, что вы пытаетесь сделать здесь ... нужно быть немного понятнее. – Adjit

@Adjit внесла изменения, посмотрите, можете ли вы понять это сейчас :) –

Ну, вы устанавливаете фиксированную высоту в 'section', поэтому, конечно, она будет меньше. Что произойдет, если вы избавитесь от этой фиксированной высоты? – Adjit

я, наконец, понял это по какой-то причине новый объект, который создается внутри «нав» есть какая-то проблема в нем, были сделаны следующие изменения в моем CSS

section > object 
{ 
    width : 70%; 
    height: 950px; 
}

и он работал как чудо :)

источник

2016-06-30 09:26:33

моя форма не отображается должным образом

ответ

Смежные вопросы