Question

我在样式表中定义了div的高度：

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
}

但是只要将文本输入div，div就会改变高度。

有什么想法吗？

Answer 1

将div更改为显示块

.topbar{
    display:block;
    width:100%;
    height:70px;
    background-color:#475;
    overflow:scroll;
    }

我在这里做了一个jsfiddle例子，请检查

http://jsfiddle.net/TgPRM/

Answer 2

如果你想保持DIV的高度绝对，无论里面的文字数量如何，都要使用以下内容：

overflow: hidden;

Answer 3

您还可以使用最小高度和最大高度。这对我来说非常有用

Answer 4

你可以尝试max-height：70px;看看是否有效。

Answer 5

library(tidymodels)
#> Registered S3 method overwritten by 'tune':
#>   method                   from   
#>   required_pkgs.model_spec parsnip

data(two_class_dat, package = "modeldata")
example_split <- initial_split(two_class_dat, prop = 0.99)
example_train <- training(example_split)
example_test  <-  testing(example_split)

rec <- recipe(Class ~ ., data = example_train) %>%
  step_normalize(all_numeric_predictors())

spec1 <- svm_linear() %>%
  set_engine("LiblineaR") %>%
  set_mode("classification")

spec2 <- logistic_reg(penalty = 0.1, mixture = 1) %>%
  set_engine("LiblineaR") %>%
  set_mode("classification")

wf <- workflow() %>%
  add_recipe(rec)

wf %>%
  add_model(spec1) %>% 
  fit(example_train) %>%
  tidy()
#> # A tibble: 3 x 2
#>   term  estimate
#>   <chr>    <dbl>
#> 1 A        0.361
#> 2 B       -0.966
#> 3 Bias     0.113

wf %>%
  add_model(spec2) %>% 
  fit(example_train) %>%
  tidy()
#> # A tibble: 3 x 2
#>   term  estimate
#>   <chr>    <dbl>
#> 1 A        1.06 
#> 2 B       -2.76 
#> 3 Bias     0.329

svm_linear() %>%
  set_engine("LiblineaR") %>%
  set_mode("regression") %>% 
  fit(mpg ~ ., data = mtcars) %>% 
  tidy()
#> # A tibble: 11 x 2
#>    term  estimate
#>    <chr>    <dbl>
#>  1 cyl    0.141  
#>  2 disp  -0.0380 
#>  3 hp     0.0415 
#>  4 drat   0.226  
#>  5 wt     0.0757 
#>  6 qsec   1.06   
#>  7 vs     0.0648 
#>  8 am     0.0479 
#>  9 gear   0.219  
#> 10 carb   0.00861
#> 11 Bias   0.0525

它会隐藏水平滚动，如果你想从垂直侧隐藏滚动

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
  overflow-y=scroll
}

如何修复<div>元素的高度？</div>

5 个答案: