小编Baf*_*NET的帖子

CSS max-height无效

我有一个非常简单的问题,我需要一个div来扩展以适应其内容,除非高度达到一定的大小,当我希望div垂直滚动时.作为测试,我创建了一个页面,其中包含:

<div style="width:300px;max-height:25px;background-color:green;overflow:auto;">
    1<br />
    2<br />
    3<br />
    4<br />
    5
</div>
Run Code Online (Sandbox Code Playgroud)

不幸的是,最大高度似乎不起作用.我究竟做错了什么?

我正在使用IE7.

html css

16
推荐指数
2
解决办法
6万
查看次数

Silverlight Grid Splitter意外行为

我刚刚开始使用版本2.0的Silverlight.我想在页面上显示一些数据网格,并通过将每个数据网格放入网格单元格来实现.然后我想我会尝试使用以下标记添加网格分割器:

<UserControl xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"  xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="SilverlightApplication1.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
 Loaded="UserControl_Loaded">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <basics:GridSplitter Grid.RowSpan="2" Grid.Row="0" Grid.Column="1" HorizontalAlignment="Left" Width="5" VerticalAlignment="Stretch" ></basics:GridSplitter>
        <data:DataGrid Name="TLGrid" Grid.Row="0" Grid.Column="0">
        </data:DataGrid>
        <data:DataGrid Name="TRGrid" Grid.Row="0" Grid.Column="2">
        </data:DataGrid>
        <data:DataGrid Name="BLGrid" Grid.Row="1" Grid.Column="0">
        </data:DataGrid>
        <data:DataGrid Name="BRGrid" Grid.Row="1" Grid.Column="2">
        </data:DataGrid>
    </Grid>
</UserControl>
Run Code Online (Sandbox Code Playgroud)

我希望能够拖动分割器来调整其他两列的大小.当我拖动栏时,其他两列都缩小了.有谁能解释为什么?

silverlight-2.0

6
推荐指数
2
解决办法
3652
查看次数

我可以创建一个HTML表宽度百分比高度但像素精确行高吗?

我需要在一个有两行的网页上创建一个表.该表需要填充整个页面,因此我在CSS样式表中将表的高度和宽度设置为100%,并将HTML和正文的高度设置为100%.

但是,我需要将表格的顶行精确地设置为100像素,并且第二行要扩展以适应表格的其余部分.当我设置顶行的高度时,它不起作用.

这种行为可能吗?我尝试了以下但它不起作用.

<table style="border-collapse:collapse;height:100%;width:100%;">
  <tr>
    <td style="border:solid 1px black;height:100px">1</td>
    <td style="border:solid 1px black">2</td>
  </tr>
  <tr>
    <td style="border:solid 1px black">3</td>
    <td style="border:solid 1px black">4</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

编辑:我使用表格数据,特别想使用表,而不是div.上面的示例是为了简化一个包含大约20列的表.

编辑2:我发现了这个问题.它是HTML中的doctype定义(由Visual Studio添加).删除后......

......它完美无缺.所以我的新问题是,这样做是否可行,或者是否有正确的方法来使用DOCTYPE?

html css

2
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×2

html ×2

silverlight-2.0 ×1