CSS, Как установить высоту отделения 100% минус nPx

Question

CSS, Как установить высоту отделения 100% минус nPx

asciimatics обеспечивает портативную поддержку для создания текстового пользовательского интерфейса и анимации:

#!/usr/bin/env python
from asciimatics.effects import RandomNoise  # $ pip install asciimatics
from asciimatics.renderers import SpeechBubble, Rainbow
from asciimatics.scene import Scene
from asciimatics.screen import Screen
from asciimatics.exceptions import ResizeScreenError


def demo(screen):
    render = Rainbow(screen, SpeechBubble('Rainbow'))
    effects = [RandomNoise(screen, signal=render)]
    screen.play([Scene(effects, -1)], stop_on_resize=True)

while True:
    try:
        Screen.wrapper(demo)
        break
    except ResizeScreenError:
        pass

Asciicast:

193

css height

задан Martijn 27 July 2009 в 21:50

4 ответа

Если вам нужно поддерживать IE6, используйте JavaScript, чтобы управлять размером div-оболочки (установите положение элемента в пикселях после считывания размера окна). Если вы не хотите использовать JavaScript, это невозможно. Существуют обходные пути, но ожидайте неделю или две, чтобы заставить его работать в каждом случае и в каждом браузере.

Для других современных браузеров используйте этот CSS:

position: absolute;
top: 60px;
bottom: 0px;

47

ответ дан 23 November 2019 в 05:26

Это не совсем отвечает на поставленный вопрос, но создает тот же визуальный эффект, которого вы пытаетесь достичь.

<style>

body {
  border:0;
  padding:0;
  margin:0;
  padding-top:60px;
}

#header {
  position:absolute;
  top:0;
  height:60px;
  width:100%;
}

#wrapper {
  height:100%;
  width:100%;
}
</style>

0

ответ дан 23 November 2019 в 05:26

Используйте внешнюю оболочку div, установленную на 100%, а затем ваша внутренняя оболочка div 100% должна быть теперь относительно этого.

Я точно думал, что раньше это работало для меня, но очевидно не:

<html>
<body>
<div id="outerwrapper" style="border : 1px solid red ; height : 100%">
<div id="header" style="border : 1px solid blue ; height : 60px"></div>
<div id="wrapper"  style="border : 1px solid green ; height : 100% ; overflow : scroll ;">
  <div id="left" style="height : 100% ; width : 50% ; overflow : scroll; float : left ; clear : left ;">Some text 

on the left</div>
  <div id="right" style="height : 100% ; width 50% ; overflow : scroll; float : left ;">Some Text on the 

right</div>
</div>
</div>
</body>
</html>

-1

ответ дан 23 November 2019 в 05:26

Другие вопросы по тегам:

css height

Похожие вопросы:

score 77 · Accepted Answer

" Комментарии к XML-документации (Руководство по программированию на C #) В Visual C # вы можете создать документацию для своего кода, включив теги XML в специальные поля комментариев в исходном коде непосредственно перед блоком кода, на который они ссылаются. "

http://msdn.microsoft.com/en-us/library /b2s063f7.aspx

затем вы можете использовать Sandcastle для генерации файлов chm, если хотите

http://www.hanselman.com/blog/SandcastleMicrosoftCTPOfAHelpCHMFileGeneratorOnTheTailsOfTheDeathOfNDoc.aspx

-121 --- 14129 ] Если у контекста вашего кода есть доступ в Интернет, вы можете попробовать использовать Google API для определения языка. http://code.google.com/apis/ajaxlanguage/documentation/

var text = "¿Dónde está el baño?";
google.language.detect(text, function(result) {
  if (!result.error) {
    var language = 'unknown';
    for (l in google.language.Languages) {
      if (google.language.Languages[l] == result.language) {
        language = l;
        break;
      }
    }
    var container = document.getElementById("detection");
    container.innerHTML = text + " is: " + language + "";
  }
});

И, поскольку вы используете C #, ознакомьтесь с этой статьей о том, как вызывать API из C #. .

ОБНОВЛЕНИЕ:

высокое содержание