我有一个非常简单的问题,我需要一个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.
我刚刚开始使用版本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)
我希望能够拖动分割器来调整其他两列的大小.当我拖动栏时,其他两列都缩小了.有谁能解释为什么?
我需要在一个有两行的网页上创建一个表.该表需要填充整个页面,因此我在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?