cuốn sách gpt4 ai đã làm

css - 在容器内拆分两个 div 相等

In lại Tác giả: Walker 123 更新时间:2023-11-28 11:27:19 29 4
mua khóa gpt4 Nike

我正在开发一个应用程序,它在我的主视图中有一个侧边栏和两个 div。我试图在容器内平均分割两者的高度。我试过 height = 50% 但效果不太好。

    





ng-model="selectedUser"
ng-options="user as user.name for user in users"
ng-change="getUserInfo(selectedUser)">









ng-model="selectedAvailableGroups"
ng-options="g.name for g in availableGroups | orderBy:'name'">









ng-model="selectedAssignedGroups"
ng-options="g.name for g in assignedGroups | orderBy:'name'">




































我把它放在 fiddle 里了:http://jsfiddle.net/crmyq/

câu trả lời hay nhất

你应该将父容器的高度设置为100%(它的父容器已经有一个固定的高度)并且将子容器的高度设置为50%:

#mainView {height:100%}
#top {height:50%; }
#middle {height:50%; }

检查这个更新的 fiddle :http://jsfiddle.net/crmyq/1/

我还删除了子容器上的填充,因为填充添加到高度会导致子容器伸出父容器。您可以在子容器内的元素上使用边距(或填充)来弥补移除的填充。

gia hạn

要在 2 行或 3 行之间切换,您可以在 #mdContainer div 上使用一个类(为此切换到使用类而不是 ID,这样更容易):

#mdContainer.2columns .top, #mdContainer.2columns .middle {height:50%}
#mdContainer.3columns .top, #mdContainer.3columns .middle,
#mdContainer.3columns .bottom {height:33.33%}

关于css - 在容器内拆分两个 div 相等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21301641/

29 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress